Beginner · 6 min
Getting Started: Build Your First Sprite Sheet in 5 Minutes
A screen-by-screen walkthrough: import an image, slice it into frames, arrange the grid, preview the animation, recolor, and export for your engine.
Read guide →
100% Free · No Signup
Make spritesheets
in your browser
Upload sprites. Pack them into sheets. Preview animations. Export. That's it.
Drag and drop sprite images or JSON files
Supports PNG, JPG, GIF, WebP, and JSON
or
PNG · JPG · GIF · JSON. Drop and go.
See it in action
How it works
- 1
Drop in your frames
Drag a batch, browse your files, or paste one big sheet and let it split.
- 2
Lay out the grid
Reorder cells and set how many columns each row should hold.
- 3
Play the loop
Scrub the animation and dial the frame rate until it feels right.
- 4
Grab the sheet
Export as PNG, or JSON, ZIP, or GIF if your engine prefers it.
The toolkit
Everything you need.
Nothing you don't.
A sprite sheet packs every frame of a 2D animation into one image, with a JSON, XML, or CSS atlas your engine reads to play it back. Build one from loose PNGs, a frame folder, or an animated GIF.
Sprite editor
Edit, organize, and optimize directly in the browser.
Drawing tools
Pencil, eraser, bucket, and shapes for frame-by-frame editing.
Recolor
Shift hue, saturation, brightness, and contrast for instant palette swaps.
Atlas packer
Pack sprites tightly with MaxRects bin packing.
Custom layouts
Dial in spacing and padding for pixel-perfect sheets.
Animation preview
Scrub through frames and tweak FPS before exporting.
Engine-ready
Exports work with Unity, Godot, Phaser, GameMaker.
Zero install
Opens in any browser. Nothing to download.
Batch handling
Upload dozens of sprites at once and arrange in place.
Export formats
PNG, JSON, ZIP, GIF. Whatever your engine needs.
Want the full breakdown? See all features.
Screenshots
This is the whole tool.
Import, arrange, animate, draw, recolor, export. Six steps, one browser tab, no account.
Import a sheet
Drop in a PNG, JPG, or GIF. The importer slices it into frames on a grid, detects sprites for you, or reads an atlas JSON.
Arrange the grid
Set columns, cell size, and padding. Drag frames around, align them, and trim transparent edges for tighter sheets.
Preview the animation
Play the frames back at any FPS, scrub the timeline, and check motion with onion skinning before you export.
Fix pixels in place
Pencil, eraser, bucket, and shape tools on a zoomable pixel grid. Edit a frame and save it straight back to the sheet.
Recolor every frame
Shift hue, saturation, brightness, contrast, or sepia across the whole layer at once, or start from a preset.
Export for your engine
Phaser, Aseprite, Godot, Tiled, and CSS atlases, plus plain PNG, WebP, JSON, GIF, and ZIP downloads.
Who it's for
Whatever you're building.
One tool for game devs, pixel artists, and modders. Same sheet, whatever you ship it to.
Game developers
Pack character sprite sheets and 2D game assets for Unity, Godot, Phaser, or GameMaker, ready to drop straight into your engine.
Pixel artists & animators
Draw, recolor, and preview animation frames in the built-in sprite editor before packing them into a sheet.
GIF and image conversion
Turn an animated GIF or a folder of PNGs into a packed sprite sheet with matching JSON in a couple of clicks.
Modders & retro projects
Export XML atlases for Starling and Adobe Animate, or plain PNG sheets for fan games and community mods.
Specs
What it handles.
Real numbers, not marketing claims. Every limit below is one you can actually hit.
Input formats
PNG, JPG, GIF, WebP, JSON
Animated GIFs split into frames automatically. JSON reloads a saved project.
Export formats
PNG, WebP, GIF, ZIP, JSON, XML, TRES, TSJ, CSS
Engine exports ship as a ZIP: the sheet plus its atlas file, ready to drop in.
Max file size per image
No fixed cap
Memory is the limit. A decoded 4096x4096 image holds about 64MB in RAM, whatever it weighs on disk.
Max sheet dimensions
Around 8192x8192
A practical ceiling, not an enforced one. Where it lands depends on your GPU, so stay under it for anything headed into an engine.
Sprites per sheet
No hard limit
Bound by your device memory, not a server quota. Every sprite stays decoded in the tab.
Where it runs
Entirely in your browser
Packing, recolor, and export all happen locally. Nothing uploads unless you publish to the gallery.
Browser support
Chrome 90+, Firefox 88+, Safari 14+, Edge 90+
Desktop and mobile both work. Older builds may load, but the layout and export can break.
Not supported
Polygon packing, sprite rotation when packing, multipack across several sheets, per frame durations, command line export.
Questions
Frequently asked
Answers on making sprite sheets: formats, sheet sizes, engine exports, and what to do when a frame comes out wrong.
More questions? See the full FAQ.
Guides
Learn the craft
Sprite sheet guides, including screenshots, written for the editor: frames and grids, packing and padding, and importing into Godot, Unity, Phaser, and Construct.
Beginner · 9 min
Sprite Sheet Basics Explained
What a frame is, how a sprite sheet grid works, what an atlas file does, which format to use, and normal sprite sizes. Includes free blank templates.
Read guide →
Intermediate · 7 min
Sprite Sheet Padding: Stop Texture Bleeding
Those flickering lines around your sprites are texture bleeding from how the sheet is packed. How padding, trimming, and power-of-two sizing work.
Read guide →
Ready to build?
Spin up the editor. It takes about three seconds.