Slice sprite sheets into individual frames with JSON metadata
Upload any sprite sheet, set rows and columns, preview the animation, and export perfectly cropped frames alongside a JSON atlas. Ideal for AI-generated sprite sheets that need clean, engine-ready frames.
Accurate slicing controls
Tune rows and columns to match any sprite sheet layout without losing alignment.
Preview before export
See every frame and animation speed in-browser so you catch offsets instantly.
PNG + JSON outputs
Export individual PNG frames and a JSON manifest that matches your game engine needs.
Built for clean, reusable frames
Stop manually cropping atlases. Use the slicer to keep every frame aligned, sized, and documented with metadata for quick imports into any engine.
- •Works great for AI-generated sprite sheets that need precise slicing.
- •Live previews help you dial in rows, columns, and FPS before exporting.
- •Export JSON atlases to keep frame coordinates synced with your loader.
Sprite sheet slicer
Upload a sprite sheet, set rows and columns, preview every frame, and export PNG frames plus JSON metadata without leaving your browser.
Upload an existing sprite sheet (PNG/JPG)
Then set rows/cols below to slice frames.
Tip: If the sheet isn’t a perfect grid, adjust rows/cols and watch the preview frames to align.
No sprite sheet selected
Upload an existing sprite sheet to slice frames.
A dedicated sprite sheet slicer for clean frame exports
Upload any sprite sheet, define rows and columns, and slice frames with precise dimensions plus JSON metadata for fast imports.
Local, private slicing
Everything runs in your browser, so your sprite sheets never leave your machine.
Row/column flexibility
Quickly adjust grid settings to handle uneven sprite sheets or AI-generated layouts.
Frame size visibility
Instantly see calculated frame sizes so you can align atlases to engine requirements.
PNG frames + JSON atlas
Export individual frames together with a JSON manifest that preserves coordinates and order.
Animation preview
Play back the sliced frames to check timing, spacing, and character positioning.
Engine-ready outputs
Works with Unity, Godot, Unreal, Phaser, Construct, and any pipeline that accepts PNG/JSON atlases.
How to slice a sprite sheet without losing quality
Three quick steps to turn an existing sprite sheet into individual frames ready for your engine or animation timeline.
Upload your sprite sheet
Drop in a PNG, JPG, or WEBP sprite sheet. The slicer keeps everything local and private.
Set rows and columns
Adjust rows and columns until the preview looks perfect. Tweak FPS to check timing.
Export frames and JSON
Download clean PNG frames plus a JSON atlas so your loader knows exact coordinates.
Sprite sheet slicing FAQ
Answers to the most common questions about slicing existing sprite sheets into frames with JSON metadata.
Do you upload my sprite sheet to a server?
No. The slicer runs fully in your browser. Game assets never leave your device, which keeps unreleased characters safe.
What if my AI-generated sheet is uneven?
Adjust rows and columns until frames align. The live preview shows frame sizes so you can fine-tune before exporting.
Which export formats are supported?
You get individual PNG frames plus a JSON manifest with frame coordinates. These work with Unity, Godot, Unreal, Phaser, and web pipelines.
Is there a limit on sprite sheet size?
Most modern browsers handle large PNGs easily. Because everything is local, performance depends on your device memory and GPU.
Can I preview animations before downloading?
Yes. Set the FPS slider to preview your sliced frames and confirm spacing before exporting PNGs and JSON.
Precise slicing
Export clean frames from any sprite sheet with zero manual cropping.
Keep your AI or hand-drawn sprites intact and import-ready with in-browser slicing plus JSON metadata.