Did you find this tool helpful?

Texture Packer works best on a desktop

This is a precision sprite-sheet tool with a live canvas, drag-and-drop and side panels — it needs a wider screen to work well. Please open it on a laptop or desktop.

Browse other tools

100% free · runs in your browser · no signup

Sprites 0
Private — images never leave your browser
Drop images here
PNG, JPG, WebP, GIF · Max 10MB

Add images to start
building your sprite sheet

Preview
100%
Build your sprite sheet
Add a few images and generate a packed texture atlas with JSON — right in your browser.
  1. 1 Add images
  2. 2 Adjust padding & format
  3. 3 Generate & export
Packing sprites…
Output
Basic Settings
Advanced Settings
0 sprites 512×512 — utilized
URL: /tools/texture-packer/

Guides & tutorials

Step-by-step how-tos for packing sprite sheets in every major engine.

Start here

What Is a Texture Atlas?

Why 2D games use atlases, and how they cut draw calls.

Unity

Make a Sprite Sheet for Unity

Export, import and slice — with a ready-made editor script.

Godot

Texture Atlas in Godot 4

Export a ready-to-import .tres SpriteFrames resource.

Phaser

Texture Atlas in Phaser 3

Pack, export JSON and load with this.load.atlas().

PixiJS

Sprite Sheets in PixiJS

Export a Pixi JSON spritesheet and animate from it.

Troubleshooting

Fix Sprite Sheet Seams

Kill bleeding & thin lines with edge extrude.

Recommended resources

Some links below are affiliate links. If you buy through them we may earn a small commission at no extra cost to you — it helps keep these tools free.

Share Feedback

We read every message ✌️