Sprite Sheet Generator

Sprite Sheet Maker combines sequential PNGs and animation frames into a single sprite sheet or texture atlas. It is useful for walk cycles, attack animations, effects, UI animation, and any 2D game asset that needs to be imported as one image.

Adjust max width and padding to match Unity, Godot, Phaser, RPG Maker, or CSS sprite requirements. Frames wrap to the next row when the configured width is exceeded, so you can preview spacing before exporting PNG and keep unreleased game assets or client artwork local in your browser instead of uploading them. Unity and Godot projects can use the exported PNG as a texture atlas and pair it with JSON coordinates in custom import scripts, while Phaser and web projects can use the CSS or JSON output depending on the loader you prefer.

CSS and JSON Coordinate Data Along with the PNG sprite sheet, the tool can export either JSON frame coordinates (`x`, `y`, `w`, `h`) or CSS rules with `background-position`. Use CSS for web sprite workflows and JSON for game engines, custom loaders, or build scripts. The generated CSS class names are based on source file names, and the JSON keys keep the original file names, which makes it easier to map animation frames back to your asset folder.

Related Tools Resize source frames with [Image Resizer](/en/image/image-resizer/), crop extra margins with [Image Crop Tool](/en/image/image-crop-tool/), make APNG/WebP animations from frame sequences with [Image Sequence to APNG/WebP](/en/image/image-sequence-to-apng-webp/), or reduce exported assets with [Image to WebP](/en/image/image-to-webp/).

Everything runs locally in your browser, so your text, numbers, or files are not uploaded to a server. No account is required, and the tool is free to use on desktop or mobile.