SPRITE SHEET MAPPER
Load Sprite Sheet
Or paste image URL
Load URL
Drawing Mode
Draw new frame (click+drag)
Select / Move / Resize
Auto-grid (rows x cols)
Auto Grid
Cols
Rows
Label prefix
Generate Grid
Selected Frame
Label
Color
X
Y
W
H
Delete Selected
↑
←
↓
→
Arrow keys also work - Hold Shift = 10px
BATCH RESCALE
x
Apply Scale
Clear All Frames
EXTRACT FRAMES
Save Selected as PNG
Save All Frames as PNGs
Save Animation Strip (horizontal)
Animation strip combines all frames into one horizontal PNG
FRAMES (
0
)
Export Format
JSON array
JS const object
JS drawImage calls
CSS background-position
Export to Clipboard
▶ Open in Sprite Player
💾 Save to project
Save Project
Load Project
Import atlas JSON
1/2/3 = Mode · Ctrl+A = Select All · Ctrl+C/V = Copy/Paste
Ctrl+Z = Undo · Ctrl+D = Duplicate · Del = Delete
Arrows = Nudge (Shift=10px) · Space = Pan
Mouse: 0, 0
No image
100%
+
−
⊡