What grid size should I use for my sprite sheet?

The tool auto-calculates a square-ish grid (e.g., 4×4 for 16 frames). You can customize the column count. For CSS step() animations, use a single row (columns = total frames, rows = 1) for the simplest animation code.

Will the sprite sheet look the same as the animated GIF?

Yes — every frame is extracted and placed onto the sprite sheet at full quality. Sprite sheets are lossless PNG, so image quality is preserved. Note that frame timing metadata is not embedded in the sprite sheet image itself.

Can I use the sprite sheet with CSS animations?

Yes! The tool provides a ready-to-use CSS animation snippet using background-position and steps() timing. Works for single-row sprite sheets in any modern browser.

GIF to Sprite Sheet Converter — Free Online Tool

拖拽或选择 GIF

动画 GIF — 本地转换为雪碧图，无需上传

Custom grid rows & columns

Choose how many columns and rows to organize your GIF frames into a compact sprite sheet. Auto-calculates for the best fit.

CSS animation code included

Get a ready-to-use CSS animation snippet with steps() timing — just copy and paste into your web project.

Lossless PNG output

Export your sprite sheet as a high-quality PNG image — perfect for game engines, CSS sprites, and pixel-accurate animations.

Local processing, no upload

Your GIF never leaves your device. All sprite sheet generation happens in your browser — no server uploads, no privacy concerns.

使用教程

Upload your GIF

Drag and drop an animated GIF, or click to select one from your device. The tool automatically reads frame count, dimensions, and timing.

Set grid layout

Choose the number of columns for your sprite sheet. Rows are auto-calculated based on total frame count. Preview updates in real time.

Generate & copy CSS

Click Generate Sprite Sheet to create your PNG sprite sheet. Copy the included CSS animation snippet for instant web use.

GIF to Sprite Sheet Converter的常见问题

Upload your animated GIF, set the grid columns (e.g., 4 columns for a 16-frame animation = 4×4 grid), and generate the sprite sheet. The output PNG can be directly imported into Unity, Unreal Engine, or Godot as a sprite sheet texture.

Convert GIF to Sprite Sheet — Free, No Upload

GIF to Sprite Sheet Converter的功能