Convert a GIF to a Sprite Sheet - Online GIF Tools (2024)

World's simplest gif tool

This online utility lets you create a sprite sheet from a GIF animation. All GIF frames can be printed on a horizontal or vertical sprite strip or they can be arranged in a rectangular sprite sheet grid with the specified number of rows and columns. You can also reverse the order of frames, remove unwanted frames, add padding, change the background color, and preview the GIF at a slower or faster speed. Created by GIF experts from team Browserling.

Check out our primary project! Browserling

We created Browserling – get a cloud browser in 5 seconds. Check it out!

A link to this tool, including input, options and all chained tools.

Click here to select an image from your device, press Ctrl+V to use an image from your clipboard, drag and drop a file from desktop, or load an image from any example below.

Release your mouse to import this file.

Your file is being imported...

Import from file

Save as...

Copy to clipboard

Download

Export to Pastebin

Can't convert.

An error has occured.

Chain with...

Remove chain

Save as...

Copy to clipboard

Download

Export to Pastebin

Remove no tools?

This tool cannot be chained.

GIF Animation

Animate the input GIF.

Speed of GIF animation.(1000 = 1 second.)

Play the GIF in reverse order.

Sprite Sheet

Rows.

Columns.

Skip these GIF frames.(Examples: "1, 4", "5-9", "2, 4-6".)

Add padding around the sheet.

Background Replacement

Background of the input GIF.(Skip if you don't want tochange background color.)

Fuzzy matching percentage ofbackground color.(Allows matching color tones.)

New background color inthe output sprite sheet.

Gif sprite sheet creator tool What is a gif sprite sheet creator?

This is a browser-based GIF to sprite sheet converter. It extracts all frames from the loaded GIF animation and lays them out in an image sequence called a sprite sheet. There are three types of sprite sheets – vertical, horizontal, and rectangular. The vertical and horizontal sprite sheets are called sprite strips but the rectangular sprite sheet is called a sprite grid. By default, the frames are drawn in a horizontal animation strip as it's the most popular type but you can change the dimensions and the layout of the sprite sheet to any of the three possible types by adjusting the rows and columns options. For example, by specifying the number of rows equal to 2 and the number of columns equal to 5, you will get a sprite rectangle with a width of five frames and a height of two frames. You can also specify only one of the dimension parameters. For example, if you enter only the rows value equal to 2 and leave the columns value empty, the program will fit all frames in 2 equal horizontal lines. If only the columns number is specified, for example, 3, then the program will distribute all frames into three equal vertical columns. When you open a GIF, you can use the GIF animator options to enable or disable its playback, control the frame rate, and reverse the order of sprites in it. GIF's framerate is determined by how long a single frame is displayed before moving to the next frame. By default, it's 250 milliseconds for each frame, which equals 4 frames per second. The playback order of GIF frames can be either forward (from the first frame to the last) or backward (from the last frame to the first). When playing a GIF, frames are counted above the input box and you can easily delete frames that you don't need by entering their numbers in the skip frames option. You can also change the background color of sprites or add a new background if there is none. For example, if the background color of a GIF is red and you want to change it to blue, then you need to enter "red" in the GIF background color field and "blue" in the new sprite background field. If the given GIF is transparent and has no background, then simply enter "transparent" in the GIF background color. Also, with the color tone threshold option, you can control how many similar shades of the given color will be replaced. If you increase the percentage, more shades and tones will be matched and if you decrease the percentage, then only the given color or just a few tones will be replaced. And finally, you can also add extra padding around the sprite sheet. Gifabulous!

Gif sprite sheet creator examples Click to use

Nyan Cat

In this example, we load a GIF of the Nyan Cat and extract all frames as a series of images from it. The GIF contains 8 sprites and we process them in order (from the first to the last). In the sprite sheet size options, we only specify the rows value and set it equal to 1. This way, we get a single horizontal sprite strip with all eight animation frames one after another. Also, to see the entire GIF, we animate it at the speed of 200 milliseconds per frame (which equals 1000/200 = 5 frames per second). GIF source: Giphy.

Convert a GIF to a Sprite Sheet - Online GIF Tools (1)

Convert a GIF to a Sprite Sheet - Online GIF Tools (2)

Required options

These options will be used automatically if you select this example.

Animate the input GIF.

Speed of GIF animation.(1000 = 1 second.)

Play the GIF in reverse order.

Rows.

Columns.

Skip these GIF frames.(Examples: "1, 4", "5-9", "2, 4-6".)

Add padding around the sheet.

Background of the input GIF.(Skip if you don't want tochange background color.)

Fuzzy matching percentage ofbackground color.(Allows matching color tones.)

New background color inthe output sprite sheet.

Zootopia

In this example, we create a sprite grid from a GIF of smiling Flash Slothmore from our favorite cartoon, Zootopia. Sloths are known to be very slow and it takes Flash 48 GIF frames to express his emotions. We split the GIF into individual frames and to make them fit in a 6-by-7 grid (6 rows and 7 columns), we remove 6 frames from the animation. The removed frames are every 9th frame (frames 1, 9, 18, 27, 45). GIF source: Tenor.

Convert a GIF to a Sprite Sheet - Online GIF Tools (3)

Convert a GIF to a Sprite Sheet - Online GIF Tools (4)

Required options

These options will be used automatically if you select this example.

Animate the input GIF.

Speed of GIF animation.(1000 = 1 second.)

Play the GIF in reverse order.

Rows.

Columns.

Skip these GIF frames.(Examples: "1, 4", "5-9", "2, 4-6".)

Add padding around the sheet.

Background of the input GIF.(Skip if you don't want tochange background color.)

Fuzzy matching percentage ofbackground color.(Allows matching color tones.)

New background color inthe output sprite sheet.

Sonic Gold Ring

In this example, we turn a GIF of a rotating gold ring from Sonic the Hedgehog game into a 4×4 square sprite sheet. We play the GIF in reverse and the animation frames go from the end to the beginning. As the GIF is reversed, so are the sprites in the output sprite sheet. We also add padding of 20 pixels around the rings and change the background color from green (hex code #00A843) to red (hex code #A01515) using a color tone fuzzy match threshold value of 15% (which means match all greenish tones within 15% of the green color). GIF source: Spriters Resource.

Convert a GIF to a Sprite Sheet - Online GIF Tools (5)

Convert a GIF to a Sprite Sheet - Online GIF Tools (6)

Required options

These options will be used automatically if you select this example.

Animate the input GIF.

Speed of GIF animation.(1000 = 1 second.)

Play the GIF in reverse order.

Rows.

Columns.

Skip these GIF frames.(Examples: "1, 4", "5-9", "2, 4-6".)

Add padding around the sheet.

Background of the input GIF.(Skip if you don't want tochange background color.)

Fuzzy matching percentage ofbackground color.(Allows matching color tones.)

New background color inthe output sprite sheet.

All gif tools

Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!

Play a GIF Frame by Frame

Quickly view, play and download individual GIF frames.

Convert GIF to Sprite Sheet

Quickly create a sprite sheet from all GIF frames.

Convert Sprite Sheet to GIF

Quickly create a GIF animation from a sprite strip.

Change GIF Playback Speed

Quickly change the speed a GIF animation is played at.

Flip a GIF Animation

Quickly flip a GIF animation horizontally or vertically.

Reverse a GIF Animation

Quickly reverse all frames in an animated GIF.

Compress a GIF Animation

Quickly minify a GIF and make it smaller in size.

Change GIF Background Color

Quickly change the background color of an animated GIF.

Change GIF Loop Count

Quickly change how many times a GIF gets repeated.

Rotate a GIF Animation

Quickly rotate a GIF animation by the given angle.

Crop a GIF Animation

Quickly crop a region from a GIF animation.

Censor a GIF Animation

Quickly redact sensitive information from a GIF.

Pixelate a GIF Animation

Quickly pixelate any region in a GIF animation.

Blur a GIF Animation

Quickly blur any region in a GIF animation.

Sharpen a GIF Animation

Quickly sharpen any region in a GIF animation.

Change GIF Brightness

Quickly increase or decrease the brightness of a GIF.

Change GIF Contrast

Quickly increase or decrease the contrast of a GIF.

Create a Transparent GIF

Quickly make any color in a GIF transparent.

Fill a Transparent GIF

Quickly fill transparent GIF regions with a solid color.

Remove GIF Frames

Quickly delete one or more frames from an animated GIF.

Extract GIF Frames

Quickly extract multiple frames from a GIF.

View GIF Frames

Quickly preview a GIF animation at any framerate (fast or slow).

Randomize GIF Frames

Quickly shuffle frames of a GIF animation.

Zoom a GIF Animation

Quickly increase the size of a GIF.

Change GIF Duration

Quickly change the total playback time of a GIF.

Add GIF Border

Quickly surround a GIF animation with a border.

Remove GIF Border

Quickly remove the border that surrounds a GIF animation.

Add GIF Background

Quickly add a background to an animated GIF.

Remove GIF Background

Quickly remove the background from an animated GIF.

Add Text to a GIF

Quickly add any text (captions, subtitles) on an animated GIF.

Add a Timer to a GIF

Quickly add a running time clock to a GIF animation.

Add a Frame Counter to a GIF

Quickly add a counter that shows frame numbers.

Make GIF Corners Round

Quickly round the corners of a GIF animation.

Convert a GIF to Grayscale

Quickly remove colors from a GIF and leave only gray shades.

Cut a Fragment from a GIF

Quickly cut a frame range or a time interval from a GIF.

Slow Down a GIF Animation

Quickly decrease the framerate of a GIF animation.

Speed Up a GIF Animation

Quickly increase the framerate of a GIF animation.

Create a Colorful GIF

Quickly generate a solid color or color gradient GIF.

Create a Random GIF

Quickly generate an animation with random color pixels.

Create a 1x1 Pixel GIF

Quickly generate a tiny 1x1 spacer GIF.

Create a Boomerang GIF

Quickly make a GIF loop back and forth.

Add White Noise to a GIF

Quickly draw random pixels on an animated GIF.

Optimize a GIF Animation

Quickly optimize a GIF animation to use less memory.

Analyze a GIF Animation

Quickly print low-level details about a GIF and its frames.

Coming soon These gif tools are on the way

GIF Creator

Create animated GIFs in your browser.

Pause a GIF

Freeze a GIF at a specific frame.

Rearrange GIF Frames

Change the order of frames in a GIF animation.

Add Frames to a GIF

Unzoom a GIF

Decrease the size of a GIF.

Refine GIF Edges

Smooth out the edges of a transparent GIF.

Add Sound to GIF

Add an audio track to a GIF.

See How a GIF Looks on Various Backgrounds

Draw a GIF on different backgrounds to see how it looks.

Fade-out a GIF

Gradually fade-out the frames of a GIF.

Fade-in a GIF

Gradually fade-in the frames of a GIF.

Cross-fade GIF Frames

Cross-fade a GIF frame by frame.

Stop GIF Loop

Stop looping the GIF and play it just once.

Normalize GIF Speed

Change the delay between all GIF frames to the same value.

Change GIF Framerate

Change the framerate of a GIF.

Change GIF Quality

Change the quality of a GIF.

Change GIF Canvas Size

Increase or decrease GIF canvas size.

Make a GIF Bigger

Increase the width and height of a GIF.

Make a GIF Smaller

Decrease the width and height of a GIF.

Convert PGN to GIF

Create a chess game animation from a PGN file.

Convert SGF to GIF

Create a go game animation from a SGF file.

Convert PDN to GIF

Create a draughts/checkers game animation from a PDN file.

Create a Solitaire Effect GIF

Generate a GIF animation of winning a Solitaire game.

Convert GIF to Base64

Base64-encode a GIF.

Convert Base64 to GIF

Base64-decode a GIF.

Convert GIF to Base58

Base58-encode a GIF.

Convert Base58 to GIF

Base58-decode a GIF.

Convert GIF to APNG

Convert an animated GIF to an animated PNG.

Convert APNG to GIF

Convert an animated PNG to an animated GIF.

Convert GIF to Webp

Convert an animated GIF to an animated Webp.

Convert Webp to GIF

Convert an animated Webp to an animated GIF.

Convert GIF to AVIF

Convert a GIF animation to an AV1 animation (AVIF).

Convert AVIF to GIF

Convert an AV1 animation (AVIF) to a GIF animation.

Convert GIF to HEIF

Convert a GIF animation to a HEIF animation.

Convert HEIF to GIF

Convert a HEIF animation to a GIF animation.

Convert GIF to PNG

Export a single frame from a GIF to PNG.

Convert PNG to GIF

Convert a still PNG image to a static GIF.

Convert GIF to JPG

Export a single frame from a GIF to JPEG.

Convert JPG to GIF

Convert a still JPEG photo to a static GIF.

Convert GIF to BMP

Export a single frame from a GIF to BMP.

Convert BMP to GIF

Convert a still BMP file to a static GIF.

Convert GIF to BPG

Export a GIF animation to a BPG animation.

Convert BPG to GIF

Convert an animated BPG to an animated GIF.

Convert GIF to AVI

Convert a GIF animation to an AVI video.

Convert AVI to GIF

Convert an AVI video to a GIF animation.

Convert GIF to WMV

Convert a GIF animation to a WMV video.

Convert WMV to GIF

Convert a WMV video to a GIF animation.

Convert GIF to MP4

Convert a GIF animation to an MP4 video.

Convert MP4 to GIF

Convert an MP4 video to a GIF animation.

Convert GIF to MKV

Convert a GIF animation to an MKV video.

Convert MKV to GIF

Convert an MKV video to a GIF animation.

Convert GIF to MOV

Convert a GIF animation to a MOV video.

Convert MOV to GIF

Convert a MOV video to a GIF animation.

Convert GIF to GIFV

Convert a GIF animation to GIF video (GIFV).

Convert GIFV to GIF

Convert a GIF video (GIFV) to a GIF animation.

Convert GIF to Data URL

Create a Data URI from a GIF animation.

Convert Data URL to GIF

Reconstruct a GIF from a Data URI.

Convert GIF to ASCII Art

Draw one or more GIF frames as ASCII art.

Convert ASCII Art to GIF

Create an animation from multiple ASCII art drawings.

Convert GIF to ANSI Art

Draw one or more GIF frames as ANSI art.

Convert ANSI Art to GIF

Create an animation from multiple ANSI art drawings.

Convert GIF to Unicode Art

Draw one or more GIF frames using Unicode glyphs.

Convert Unicode Art to GIF

Create a GIF from multiple Unicode drawings.

Convert GIF to Braille Art

Draw one or more GIF frames using Braille characters.

Convert Braille Art to GIF

Create a GIF animation from Braille characters.

Change Colors in a GIF

Replace one color in a GIF with another.

Make GIF Black and White

Convert all colors in a GIF to just two black and white.

Extract GIF Colors

Find the color palette used in a GIF.

Extract GIF Color Index

Find the color index used in a GIF.

Randomize GIF Color Index

Randomly change the color indexes of a GIF.

Reduce GIF Colors

Remove colors from a GIF.

Re-quantize GIF Colors

Run various color quantization algorithms on a GIF.

Create a True Color GIF

Create a GIF with more than 256 colors.

Create a Binary Color GIF

Convert a 256-color GIF to a 2-color GIF.

Add Dithering to a GIF

Convert a non-dithered GIF to a dithered GIF.

Remove Dithering From a GIF

Merge dithered pixels and create a non-dithered GIF.

Change Delay of Frames

Change the delay interval between individual GIF frames.

Split a GIF

Split a GIF into two or more GIFs.

Join GIFs

Join two or more GIFs into a single GIF.

Shift a GIF

Shift GIF frames to the right or to the left.

Hide a Part of a GIF

Hide the selected area in a GIF by drawing a block over it.

Slice a GIF

Extract a part (a range of frames) from a GIF.

Duplicate a GIF

Create multiple GIF copies side-by-side.

Duplicate GIF Frames

Create multiple copies of individual GIF frames.

Skew a GIF

Skew a GIF animation by an angle.

Unskew a GIF

Reverse a skew in a GIF animation.

Swirl a GIF

Create a pixel whirl of any radius in a GIF.

Generate White Noise GIF

Create a GIF that animates white noise.

Create a Quasistatic GIF

Make a GIF animation so slow that it appears almost static.

Create an Empty GIF

Generate a GIF that contains nothing.

Watermark a GIF

Add a semi-transparent watermark to a GIF animation.

Convert a GIF to a ZIP Archive

Extract all GIF frames in a folder and zip it up.

Add a Comment to a GIF

Add a hidden comment in GIF's metainfo section.

Delete GIF Metainfo

Clear all metainfo from a GIF.

Create a GIF of GIFs

Animate multiple GIFs at the same time side-by-side.

Put One GIF on Another GIF

Layer two GIFs and put one GIF on top of another GIF.

Put a GIF on an Image

Overlay an animated GIF on any image or photo.

Glitch a GIF

Let Zalgo destroy a GIF animation.

Convert a GIF to a Sprite Sheet - Online GIF Tools (2024)

FAQs

How do you make a GIF on a sprite sheet? ›

You can download all images at once as a ZIP archive. You can also use this tool as a sprite sheet to GIF converter, to make an animated GIF out of sprite sheet, by first slicing the sprite, and then selecting "Create GIF animation" option.

Can you use a GIF as a sprite? ›

Yes, but each frame in the GIF must be a different costume.

How do I make a GIF a sprite sheet in unity? ›

TUTORIAL Importing animated GIFS as sprite sheets in Unity 3d - YouTube

Can you make a GIF a sprite in Scratch? ›

Scratch Tips - Animated gif - YouTube

How do I turn a video into a sprite? ›

Film Learnin: Turn Yourself into a Retro Game Sprite! - YouTube

Can you use GIFs in unity? ›

1 Answer. Show activity on this post. Unity not support Gif. Save individual frames and make an array of textures.

What do you mean by Sprite? ›

Definition of sprite

1a : elf, fairy. b : an elfish person. 2a : a disembodied spirit : ghost. b archaic : soul.

How do you make a sprite animation? ›

There are various ways to create Sprite Animations. One way is to create them from a Sprite Sheet, a collection of Sprites arranged in a grid. The Sprites are then compiled into an Animation Clip that will play each Sprite in order to create the animation, much like a flipbook.

How do you code a sprite? ›

Game Lab: Sprites - YouTube

How do you make a sprite sheet in Photoshop? ›

How to make a Sprite Sheet in Photoshop? Learn how ... - YouTube

How do you make a GIF a thumbnail on scratch? ›

ANIMATED THUMBNAILS IN SCRATCH | TUTORIAL - YouTube

How does scratch create animated graphics? ›

Follow the following steps to make the project:
  1. First you have to setup the stage. ...
  2. Choose the bat sprite from the library. ...
  3. Place the bat above ground as shown in figure.
  4. The bat have two costumes (bat1-a and bat1-b) to make the flying animation of the bat.

How do you make animated PFP on scratch? ›

ANIMATED PFP TUTORIAL! (Scratch) - YouTube

Can you use gifs in unity? ›

1 Answer. Show activity on this post. Unity not support Gif. Save individual frames and make an array of textures.

How do you make a sprite sheet in Photoshop? ›

How to make a Sprite Sheet in Photoshop? Learn how ... - YouTube

How do you use sprite sheets in unity? ›

How to Import a 2D Character Sprite Sheet and Use in a GameObject in ...

Top Articles
Latest Posts
Article information

Author: Maia Crooks Jr

Last Updated:

Views: 6471

Rating: 4.2 / 5 (63 voted)

Reviews: 94% of readers found this page helpful

Author information

Name: Maia Crooks Jr

Birthday: 1997-09-21

Address: 93119 Joseph Street, Peggyfurt, NC 11582

Phone: +2983088926881

Job: Principal Design Liaison

Hobby: Web surfing, Skiing, role-playing games, Sketching, Polo, Sewing, Genealogy

Introduction: My name is Maia Crooks Jr, I am a homely, joyous, shiny, successful, hilarious, thoughtful, joyous person who loves writing and wants to share my knowledge and understanding with you.