Sprite sheet to gif converter

World's simplest gif tool

This online utility lets you convert sprite sheets to animated GIF files. You can adjust the width and height of individual sprites, as well as set the sprite sheet orientation. Additionally, you can change the zoom level and the background of the output GIF. Created by GIF experts from team Browserling.
We put a browser in your browser! Browserling
Check out our project Browserling – get a browser in your browser and browse while you browse.
GIF Frame Properties
Frame width.
Frame height.
Left corner of frames (x).
Top corner of frames (y).
Ignore these frames in the GIF. Examples: "2, 5", "6-12", "1, 4-6".
GIF Player and Zoom Level
Show frame-by-frame animation.
Delay between frames (millisecs).
Frame playback orientation.
Zoom level of playback and the output GIF.
Change GIF Background
The color you want to change. (Leave blank to do nothing). (Enter "transparent" to fill transparent areas.)
Match shades of the color. Measured in percentage from 0% to 100%.
Set the output GIF background.
Sprite sheet to gif converter tool What is a sprite sheet to gif converter?
This is a browser-based program that converts a sprite strip into a GIF animation. You can upload an image in the PNG or JPG format and turn it into a multi-frame GIF animation that can be quickly downloaded. A sprite strip is an image that consists of a series of horizontal or vertical frames of the same size that form an animation. When you load an animation strip, the application draws green rectangles around all frames and numbers them. If your sprite sheet has a non-standard size, you can customize the animation frames via the frame width, frame height, frame x-position, and frame y-position options. If there are any frames that you don't want to include in the GIF, you can ignore them via the "Frames to Ignore" option. After adjusting the sprite sheet properties, you can view the animation in your browser by clicking the "Start GIF Player" option. You can specify the playback speed of the GIF (as milliseconds per frame), change the direction of movement of frames (vertical or horizontal, forward or backward), as well as set the zoom level that changes GIF's size in both the preview player and downloaded file. As sprite sheets often have a high contrast color as the background, you can change the background of the animation. To do this, you need to specify the original background color, adjust the shade-match percentage, and set the new background color. Gifabulous!
Sprite sheet to gif converter examples Click to use
Create a Soap Bubble GIF
In this example, we convert a horizontal sprite sheet of a sequence of static frames into an animated GIF of a bursting heart-shaped soap bubble. The sprite sheet consists of eight frames that have a size of 135 by 165 pixels. The first frame starts in the top left corner with coordinates (0, 0). The movement of frames is from west to south (left to right) and the playback speed is 180 millisecs per sprite. The output GIF has its size increased to 200% that makes it twice as big (270 by 340 pixels). (Source: Freepik, created by: Upklyak.)
In this example, we convert a horizontal sprite sheet of a sequence of static frames into an animated GIF of a bursting heart-shaped soap bubble. The sprite sheet consists of eight frames that have a size of 135 by 165 pixels. The first frame starts in the top left corner with coordinates (0, 0). The movement of frames is from west to south (left to right) and the playback speed is 180 millisecs per sprite. The output GIF has its size increased to 200% that makes it twice as big (270 by 340 pixels). (Source: Freepik, created by: Upklyak.)
In this example, we convert a horizontal sprite sheet of a sequence of static frames into an animated GIF of a bursting heart-shaped soap bubble. The sprite sheet consists of eight frames that have a size of 135 by 165 pixels. The first frame starts in the top left corner with coordinates (0, 0). The movement of frames is from west to south (left to right) and the playback speed is 180 millisecs per sprite. The output GIF has its size increased to 200% that makes it twice as big (270 by 340 pixels). (Source: Freepik, created by: Upklyak.)
Required options
These options will be used automatically if you select this example.
Frame width.
Frame height.
Left corner of frames (x).
Top corner of frames (y).
Ignore these frames in the GIF. Examples: "2, 5", "6-12", "1, 4-6".
Show frame-by-frame animation.
Delay between frames (millisecs).
Frame playback orientation.
Zoom level of playback and the output GIF.
The color you want to change. (Leave blank to do nothing). (Enter "transparent" to fill transparent areas.)
Match shades of the color. Measured in percentage from 0% to 100%.
Set the output GIF background.
Launching a Rocket Cartoon
This example animates a cartoon of a rocket launch from a vertical JPG sprite strip image. To make it work, we set the sprite size to 350x210, set the sprite direction to go from top to bottom (north to south), and enable the GIF player. Since there is a lot of extra space around the rocket, we move the bounding frame rectangle to the right by 460 pixels (x-offset). We display the GIF in its original size (100%) and update the frame delay to 200 milliseconds. (Source: Nasa.)
This example animates a cartoon of a rocket launch from a vertical JPG sprite strip image. To make it work, we set the sprite size to 350x210, set the sprite direction to go from top to bottom (north to south), and enable the GIF player. Since there is a lot of extra space around the rocket, we move the bounding frame rectangle to the right by 460 pixels (x-offset). We display the GIF in its original size (100%) and update the frame delay to 200 milliseconds. (Source: Nasa.)
This example animates a cartoon of a rocket launch from a vertical JPG sprite strip image. To make it work, we set the sprite size to 350x210, set the sprite direction to go from top to bottom (north to south), and enable the GIF player. Since there is a lot of extra space around the rocket, we move the bounding frame rectangle to the right by 460 pixels (x-offset). We display the GIF in its original size (100%) and update the frame delay to 200 milliseconds. (Source: Nasa.)
Required options
These options will be used automatically if you select this example.
Frame width.
Frame height.
Left corner of frames (x).
Top corner of frames (y).
Ignore these frames in the GIF. Examples: "2, 5", "6-12", "1, 4-6".
Show frame-by-frame animation.
Delay between frames (millisecs).
Frame playback orientation.
Zoom level of playback and the output GIF.
The color you want to change. (Leave blank to do nothing). (Enter "transparent" to fill transparent areas.)
Match shades of the color. Measured in percentage from 0% to 100%.
Set the output GIF background.
Animate a Game Sprite
The sprite sheet in this example contains several Mega Man Zero animation strips. To animate the second variant (on the second line), we indicate that the left and top corners of the first frame are at the position (10, 130). By setting the frame size to 75×120, we see that an unnecessary 10th frame has formed, so we delete it in the "Frames to Ignore" option. We also change the input blue background color (hexadecimal color #4CB7E5) to the green background (hexadecimal color #28AA54). We exclude all possible tones of blue from the replacement by setting the tone match threshold to 0%. (Source: SNK Corporation.)
The sprite sheet in this example contains several Mega Man Zero animation strips. To animate the second variant (on the second line), we indicate that the left and top corners of the first frame are at the position (10, 130). By setting the frame size to 75×120, we see that an unnecessary 10th frame has formed, so we delete it in the "Frames to Ignore" option. We also change the input blue background color (hexadecimal color #4CB7E5) to the green background (hexadecimal color #28AA54). We exclude all possible tones of blue from the replacement by setting the tone match threshold to 0%. (Source: SNK Corporation.)
The sprite sheet in this example contains several Mega Man Zero animation strips. To animate the second variant (on the second line), we indicate that the left and top corners of the first frame are at the position (10, 130). By setting the frame size to 75×120, we see that an unnecessary 10th frame has formed, so we delete it in the "Frames to Ignore" option. We also change the input blue background color (hexadecimal color #4CB7E5) to the green background (hexadecimal color #28AA54). We exclude all possible tones of blue from the replacement by setting the tone match threshold to 0%. (Source: SNK Corporation.)
Required options
These options will be used automatically if you select this example.
Frame width.
Frame height.
Left corner of frames (x).
Top corner of frames (y).
Ignore these frames in the GIF. Examples: "2, 5", "6-12", "1, 4-6".
Show frame-by-frame animation.
Delay between frames (millisecs).
Frame playback orientation.
Zoom level of playback and the output GIF.
The color you want to change. (Leave blank to do nothing). (Enter "transparent" to fill transparent areas.)
Match shades of the color. Measured in percentage from 0% to 100%.
Set the output GIF background.
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!
Quickly view, play and download individual GIF frames.
Quickly create a sprite sheet from all GIF frames.
Quickly create a GIF animation from a sprite strip.
Quickly change the speed a GIF animation is played at.
Quickly change the background color of an animated GIF.
Quickly reverse all frames in an animated GIF.
Quickly flip a GIF animation horizontally or vertically.
Quickly rotate a GIF animation by the given angle.
Quickly change the width and height of a static or animated GIF.
Quickly crop a region from a GIF animation.
Quickly pixelate any region in a GIF animation.
Quickly blur any region in a GIF animation.
Quickly redact sensitive information from a GIF.
Quickly make any color in a GIF transparent.
Quickly fill transparent GIF regions with a solid color.
Quickly delete one or more frames from an animated GIF.
Quickly extract multiple frames from a GIF.
Quickly preview a GIF animation at any framerate (fast or slow).
Quickly increase the size of a GIF.
Quickly surround a GIF animation with a border.
Quickly add any text (captions, subtitles) on an animated GIF.
Coming soon These gif tools are on the way
GIF Creator
Create animated GIFs in your browser.
Analyze a GIF
Print GIF statistics (number of frames, colors, framerate, etc).
Pause a GIF
Freeze a GIF at a specific frame.
Compress a GIF
Minify a GIF and make it smaller in size.
Rearrange GIF Frames
Change the order of frames in a GIF animation.
Add Frames to a GIF
Insert one or more frames in a GIF animation.
Randomize a GIF
Randomly reposition GIF frames.
Unzoom a GIF
Decrease the size of a GIF.
Add GIF Background
Add a background to an animated GIF.
Remove GIF Background
Remove the background from an animated GIF.
Remove a Border from a GIF
Remove a border that surrounds a GIF animation.
Stop GIF Loop
Stop looping the GIF and play it just once.
Change GIF Loop Count
Change how many times a GIF gets looped.
Change GIF Framerate
Change the framerate of a GIF.
Change GIF Quality
Change the quality of a GIF.
Change GIF Brightness
Increase or decrease brightness of a GIF.
Change GIF Contrast
Increase or decrease contrast of a GIF.
Make GIF Faster
Increase the framerate of a GIF.
Make GIF Slower
Decrease the framerate of a GIF.
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 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 MP4
Convert a GIF animation to an MP4 video.
Convert MP4 to GIF
Convert an MP4 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
Convert a GIF animation to Unicode glyphs.
Convert Unicode Art to GIF
Create a GIF from multiple Unicode glyphs.
Change Colors in a GIF
Replace one color in a GIF with another.
Convert GIF to Grayscale
Remove all color from a GIF and leave only gray tones.
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.
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.
Optimize a GIF
Optimize GIF frames to use less memory.
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.
Sharpen a GIF
Sharpen an area in a GIF.
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.
Add a GIF Frame Counter
Add a counter that shows the current frame number.
Add a Timer to GIF
Add a running time clock to a GIF animation.
Add White Noise to a GIF
Add white noise pixels to an existing 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.
Debug a GIF
See low-level details about a GIF and its frames.
Glitch a GIF
Let Zalgo destroy a GIF animation.