Sprite Sheet Generator
Instructions:
Paste images from clipboard (Ctrl+V or Cmd+V)
Set grid size (columns and rows)
Set tile size (width and height in pixels)
Name each image in the list below
Use ↑↓ arrows to reorder, X to delete images
Sprite sheet updates automatically in real-time
Click "Save as PNG" to download the sprite sheet
View simplified JSON output with name and position
Click "Show TypeScript Types" for type definitions
Session Manager
Create Session
Delete Current
Backup All Sessions
Restore from File
Grid Columns:
Grid Rows:
Tile Width:
Tile Height:
32x32
64x64
128x128
Save as PNG
Show TypeScript Types
Images:
JSON Output:
TypeScript Types
×
interface SpriteSheetData { images: SpriteImage[]; } interface SpriteImage { name: string; position: { column: number; row: number; }; }