Are my sprites uploaded?

No. Sprite Tools packs frames entirely in your browser. The sheet and JSON are built in memory and downloaded locally.

Which game engines can load the output?

Phaser and PixiJS load the TexturePacker JSON hash or Phaser JSON array with the PNG. Unity and Godot import the PNG as a grid (cell size is shown after packing).

How do animation names work?

Filenames like walk_0.png and idle_2.png are grouped by prefix. Each group becomes a clip you can preview at the FPS you set.

Image to sprite sheet

Animation frames → game-ready atlas

Pack a walk cycle, idle strip, or GIF into one PNG plus TexturePacker / Phaser JSON. Preview the clip at FPS, then drop the files into your engine. Your game art never leaves your device.

100% in your browser · your game art never leaves your device

✓ Phaser / Pixi JSON✓ Unity / Godot grid✓ GIF → frames✓ No upload

Drop animation frames or a GIF

Name files walk_0.png, walk_1.png, idle_0.png — prefixes become clips.

Layout

Padding (px)

Preview FPS

Trim transparent edgesPower-of-two sheet (256–4096)

FAQ

Are my sprites uploaded?: No. Frames are decoded and packed in your browser. The PNG and JSON are built in memory and downloaded locally.
Which engines can load this?: Phaser and PixiJS load the TexturePacker JSON with the PNG. Unity and Godot import the PNG as a grid using the cell size shown after packing.
How do walk / idle clips work?: Name files walk_0.png, walk_1.png, idle_0.png. The prefix becomes the animation clip. A GIF becomes one clip named default.
Do I need to remove backgrounds first?: Transparent PNGs pack as-is. For photos, trim transparent edges after you cut them out (Cutout at cutout.sw-commercial.com works in the browser too).