What is a sprite sheet and why is it important?

A sprite sheet is one image file that contains many animation frames. Game engines prefer this because loading one atlas is faster and easier to batch than loading dozens of separate textures.

What does the slicer mode do?

Slicer mode takes an existing sprite sheet and extracts frames back out of it. You can use it to recover animation strips, split rows into separate animations, or export frames for a different engine workflow.

Does this tool upload my sprites to a server?

No. Packing, slicing, previewing, and exporting all happen in your browser with Canvas and ZIP generation on the client.

Which engines can use the exported files?

The atlas PNG works anywhere. Phaser export is ready to use, and the Unity and Godot modes now export bundles with engine helper scripts plus trim-aware metadata for direct editor-side import workflows.

Can I control the order of frames in the atlas?

You control the input order in the strip, but the packer may reposition frames physically to get a tighter atlas. That keeps workflows organized without wasting space.

Free Sprite Sheet Generator Online

Clean atlas packing and frame slicing for Unity, Godot, and Phaser

UnityGodotPhaser

Drop frames, auto-pack them, inspect the atlas, then export engine-ready data.

Advanced controls stay tucked away until you need them.

Drop frames to start

Atlas Stage

Import frames and the atlas appears here automatically.

Drop PNG frames to auto-pack your atlas

Animation-safe grid packing keeps frame cells consistent for engines, while tight mode stays available for atlas optimization.

Frame Strip

Drag cards to organize input. Grid mode preserves stable cell order for animation; tight mode is better for general atlases.

Your imported frames will appear here in order.

Quick Start

Import, auto-pack, inspect, export.

Why game devs need a packer: one atlas reduces texture swaps, keeps animation assets organized, and makes engine import/export easier than managing dozens of loose PNGs. Grid mode keeps slices stable for animator workflows, while tight mode is there when you want denser atlases.

Selected Sprite

Click a packed sprite or frame card to inspect it here.

Output & Advanced

Show

Atlas Size

Occupancy

Export Preset

Packing Mode

Uses fixed cells so row and column slices stay stable in animators.

Padding / Margin (px)

Extrude Edge (px)

Max Texture Size

Atlas Shape

Built for Real Game Asset Workflows

Trim-Aware Packing

The packer trims dead transparent space, adds optional extrude, and optimizes placement so mixed-size frames waste less atlas area.

Animation-Oriented Slicing

Build named timelines, remove bad frames, and export frame PNGs plus clip data that matches the order you previewed.

Importer-Friendly Output

Phaser output is ready to wire in immediately, while Unity and Godot specs carry trim offsets and atlas settings for importer scripts.

How to Use Sprite Sheet Generator

Choose Mode

Use 'Packer' to build an atlas from loose frames or 'Slicer' to break apart an existing sheet.

Load Assets

Upload multiple frame images for packing, or a single sprite sheet for slicing.

Configure

Adjust padding, extrude, trim-aware export options, grid mode, or animation groups before exporting.

Export

Download the generated PNG plus engine-friendly JSON specs or a sliced ZIP bundle for your import workflow.

Supported Outputs

Packed Atlas + Metadata

Export a PNG atlas with generic JSON, Phaser 3 data, or Unity and Godot bundles that include importer scripts plus trim-aware atlas specs.

Sliced Frames + Animation Manifest

Export extracted PNG frames and timeline-aware bundles for Unity and Godot, including helper scripts that turn the manifest into engine assets.

Unity & Godot Workflow Notes

Unity

Use the Unity bundle when you want something you can drop into `Assets/` and apply from the editor. The export now includes a JSON spec, the atlas or frames, and a ready-to-run C# helper script for sprite metadata or AnimationClip generation.

Godot

Use the Godot bundle when you want AtlasTexture or SpriteFrames generation inside the editor. The export now includes a JSON spec, the atlas or frames, and a ready-to-run editor script that generates resources from the exported data.

Related Guides and Tools

Complete Guide to Sprite Sheets for Game Developers

Packing, slicing, metadata, and import strategies for Unity, Godot, and Phaser.

Sprite Sheet Generator: Pack, Slice & Export for Unity/Godot

A focused guide on creating atlases and slicing sprite sheets for engine-ready exports.

Asset Extractor

Pull SVGs, fonts, and visual assets before packing them into game atlases.

Bitmask Autotile Generator

Generate terrain tile rules for game map workflows.

FAQ

Frequently Asked Questions