Sprite Sheet Generator
Combine multiple images into a sprite sheet. Drag to reorder, set grid, padding, scale mode, background, and export as PNG/WebP/JPG with JSON atlas data.
What is a sprite sheet?
A sprite sheet is a single image file that contains multiple smaller images (sprites) arranged in a grid. It is commonly used in game development and web design to reduce HTTP requests and improve loading performance.
What image formats are supported?
You can upload PNG, JPG, GIF, SVG, and WebP images. The sprite sheet can be exported as PNG, WebP, or JPG format.
How do I reorder images?
Drag and drop image thumbnails to rearrange their order in the sprite sheet. You can also paste images from clipboard using Ctrl+V.
What is JSON atlas data?
JSON atlas data contains the position, size, and frame information for each sprite in the sheet. It is compatible with game engines like Phaser, PixiJS, and Unity for automatic sprite extraction.
What are scale modes?
Fit mode scales images to fit within the cell while maintaining aspect ratio. Fill mode scales to cover the entire cell and crops overflow. Stretch mode stretches images to fill the cell without maintaining aspect ratio.
Does it support transparency?
Yes, PNG and WebP exports preserve transparency from the original images. You can also set a custom background color for the sprite sheet.