Home / Image / Sprite Sheet Maker & Cutter
Sprite Sheet Maker & Cutter
Turn a GIF, clip or images into a sprite sheet with CSS and JSON, or cut a sheet back into frames or a GIF.
Free, no uploads, no sign-up. Runs 100% in your browser.
How Sprite Sheet Maker & Cutter works
Frames are laid out on a grid with Canvas 2D. The CSS uses a steps() animation and the JSON follows the common TexturePacker hash format that Phaser, PixiJS and many engines read.
Input: GIF, APNG, WEBP, AVIF, PNG, JPG, MP4, MOV, WEBM, MKV, AVI. Output: PNG, CSS, JSON, GIF, APNG, WEBP.
How to use Sprite Sheet Maker & Cutter
- Drop one or more images onto Sprite Sheet Maker & Cutter.
- Tune the options. The before/after preview updates live.
- Process the batch.
- Download a single image, or everything as a ZIP.
Tips
- Most image tools accept many files at once.
- WebP and AVIF give much smaller files than JPG at the same visual quality.
- Set a default image quality in Settings. Tools that do not choose their own quality use it.
Sprite Sheet Maker & Cutter FAQ
- Are my files uploaded?
- No. This tool runs entirely in your browser tab. Files are read from your disk into memory and the result is generated locally.
- Is it free? Are there limits or watermarks?
- Free and open source (MIT). There are no file-size caps, daily quotas, accounts or watermarks.
- Does it work offline?
- Yes, once the page (and any engine it needs) has loaded, it keeps working without a connection thanks to the service worker cache.
Related tools
- GIF to Frames: Split a GIF, APNG, WebP or short clip into PNG, JPG or WebP frames and download them as a ZIP.
- Aseprite Converter: Open .aseprite and .ase files and export GIF, APNG, WebP, MP4 or a sprite sheet, by tag and with crisp scaling.
- GIF to C Array (Arduino / OLED): Convert a GIF or image into monochrome byte arrays for SSD1306 OLEDs with Adafruit GFX or U8g2.
- Image Compressor: Shrink images in bulk with quality and width controls and live savings.