Educated Designer
Start free

Free GIF to Sprite Sheet Converter

Lay every frame of an animated GIF out on one PNG sprite sheet for games and CSS animations, or cut a sprite sheet back into an animated GIF.

Loading the tool…

More GIF tools

Every tool opens the same editor, so you can crop, then resize, then add text in one go. Files stay on your device.

How to use it

  1. Step 1

    Open your GIF

    Drop a GIF on the page or pick one. It opens in your browser and is never uploaded.

  2. Step 2

    Choose the grid

    Pick the number of columns and the gap between frames.

  3. Step 3

    Download the sheet

    One PNG with every frame in order, left to right and top to bottom.

  4. Step 4

    Or go back

    Use Make → Sprite sheet to cut a grid picture into a GIF.

Questions

Is my GIF uploaded anywhere?

No. The file is opened and edited inside your browser tab, and the new file is made on your device. Nothing is sent to our servers, so it works for private or unreleased work.

How do I use the sheet in CSS?

Set the element to one frame's size (shown under the sheet) and animate background-position with steps(frames).

Can I turn a sprite sheet into a GIF?

Yes: open the Make tool, choose Sprite sheet, set the columns, rows and frame delay.

Is it free? Do I need an account?

Yes, it's free and needs no account. Editing and converting your own GIFs adds nothing to them. Animations you build from photos or a video follow the GIF maker's rules: free files are up to 15 seconds with a small corner credit; Pro removes the credit and allows 60 seconds.

More free tools

See all free tools