Free CSS Sprite Generator

Combine multiple images into a single CSS sprite sheet for faster web performance. Instant sprite packing with CSS positions and JSON data.

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

Optimize Web Performance

Optimized Packing

Automatically minimizes wasted space using advanced bin-packing algorithms.

Precision Controls

Fine-tune padding, extrusion, and layout for pixel-perfect results.

Multi-Format Export

Export as PNG, JSON, CSS, and engine-specific manifest files.

Workflow

Upload Assets

Drag your PNG, JPG, or SVG assets into the packer workspace.

Optimize

Choose packing algorithm to minimize atlas size and transparent waste.

Copy CSS

Download the packed sprite sheet and copy the generated CSS coordinates.

Deploy

Improve your site LCP and reduce HTTP requests instantly.