Free Online Sprite Sheet Packer
Drop sprites, tweak padding and sheet size, preview the atlas, then publish PNG + data — all in the browser.
Sprite Sheet Packer
Free browser texture atlas — MaxRects packing, JSON / XML export
Atlas preview100%
Drop sprites here
PNG, JPG, WebP, BMP, or GIF. Packing runs in your browser — files never leave this device.
How to pack a sprite sheet online
- Add PNG/JPG/WebP files or an entire folder.
- Adjust padding, max size, power-of-two, or rotation.
- Review the live atlas preview and utilization.
- Publish to download the PNG and JSON or XML data.
FAQ
- What is a sprite sheet packer?
- A sprite sheet packer (texture atlas packer) combines many images into one texture and writes frame coordinates so game engines can draw each sprite efficiently.
- How is this different from GIF to sprite sheet?
- GIF to sprite sheet extracts animation frames into a grid. This packer takes separate image files and packs them tightly with MaxRects — similar to desktop atlas tools.
- Are my files uploaded to a server?
- No. Packing and export run entirely in your browser. Files never leave your device.
- Which export formats are supported?
- Today you can export a PNG plus JSON Hash, JSON Array, XML (Starling/Sparrow TextureAtlas), or a Phaser 3 multiatlas. More engine-specific formats (Unity, Godot, PixiJS, Spine, etc.) are on the roadmap.
- How do I load the atlas in Phaser 3 or PixiJS?
- Phaser 3: for a single page use this.load.atlas('sheet', 'spritesheet.png', 'spritesheet.json') with the JSON Hash export; for multiple pages export the Phaser 3 (multiatlas) format and use this.load.multiatlas('sheet', 'spritesheet.json', 'assets/'). PixiJS: load the JSON Hash with Assets.load('spritesheet.json') (place the PNG next to it). The JSON Hash also matches the common TexturePacker layout, so most engines that read that format work too.
- Is this free?
- Yes. Free to use with no watermark and no registration.