Back to Free Tools
FREE TOOLS
Sprite sheet generator
Create a PNG sprite grid with matching CSS classes and JSON coordinates.
PNG, JPEG, WebP
ZIP, PNG, JSON
Browser only
Runs locally in your browser. Your files, pasted content and generated output are not uploaded. Reset clears this tool’s working data.
This tool needs JavaScript. If it does not load, refresh the page and try again.
How to use this tool
- Choose supported local images and set the controls for the operation.
- Select Process image, inspect the preview or report, and download the result.
- Cancel stops the worker. Reset clears selected files and restores the settings.
Examples
Three 10 × 20 sprites in two columns with a 2-pixel gap create a 22 × 42 sheet.
Limitations
- PNG, JPEG and static WebP only. 20 MiB and 24 megapixels per input, 16,384 pixels per side; output at most 24 megapixels and 64 MiB. Multi-image input totals at most 100 MiB. Processing runs in a cancellable worker with a 120-second deadline. Rendered PNG outputs use stored pixel orientation and browser-decoded colors, with no source EXIF/XMP/text copied.
- Up to 30 images. Grid cells use contain or cover; source order maps to sprite-001 etc. ZIP contains sprites.png, sprites.css and sprites.json. CSS uses pixel dimensions without high-DPI scaling or animation.
Related tools
No items found.