Pack Images into a Spritesheet
Combine multiple small images into a single spritesheet image and get the corresponding CSS or JSON coordinate data. Optimizes packing to minimize wasted space.
A staple tool for game developers and web developers who want to reduce HTTP requests by combining icons or animation frames into one file. Add your individual sprites and save a packed sheet with mapping data.
Drop sprite images here or click to browse
PNG, JPEG, WebP — multiple files supported
Frequently Asked Questions — Spritesheet Packer
Game development and web animations. It packs multiple frames into a single image file, reducing HTTP requests and improving performance.
Yes. Load a spritesheet, set the frame dimensions, and extract individual frames as separate images.
Yes. The tool outputs frame positions so you can reference each sprite in your CSS or game engine.
More Image Tools
Image Converter
Convert between PNG, JPEG, WebP. Resize and compress images — all in your browser.
Image Compressor
Compress and resize images with format conversion and quality control.
SVG to PNG
Convert SVG files or code to PNG images at custom scale.
PNG to SVG
Trace raster images into vector SVG format (client-side).
TIFF to PNG
Convert TIFF/TIF images to PNG. Supports multi-page TIFF files.
Image to PDF
Combine multiple images into a single PDF document.
AI to PNG
Convert Adobe Illustrator (.ai) files to PNG images — all in your browser.
AI to SVG
Convert Adobe Illustrator (.ai) files to SVG using raster tracing — all in your browser.