Sprite Sheet Maker
Pack, reorder and export sprite sheets.
Split an existing sheet into frames
Slices the sheet into columns × rows equal cells and adds each as a frame.
Add frames to see the atlas.
This free sprite sheet maker packs multiple images into a single texture atlas for games and CSS. Drop your frames in, drag to reorder them, and choose a uniform grid or tight bin-packing that fits sprites of different sizes with minimal wasted space. Preview the animation at any frame rate, then export the combined PNG along with a JSON atlas (Phaser / PixiJS style), CSS sprite rules, or a ZIP bundle with all three.
You can also split an existing sprite sheet back into individual frames by giving the number of columns and rows. Splitting uses the HTML canvas.
Related tools
Image Resizer
Resize images by pixels or percent.
Image Compressor
Shrink image file size right in your browser.
Image to Base64
Convert images to Base64 data URIs.
Image Color Picker
Pick colors from any image as HEX or RGB.
JPG to PNG Converter
Convert JPEG photos to lossless PNG.
PNG to WebP Converter
Shrink PNGs to modern WebP format.