PNG Sprite Builder and Editor

Add images using the toolbar buttons.

Gap: px

No sprite loaded.

Click and drag on the canvas to select a region.

Select a region first, then click Replace Selection to load a replacement image.

Fit mode:

Edit sprite:
1. Open or drop a sprite PNG
2. Click & drag to select a region
3. Click Replace Selection and pick a PNG
4. Export the result

Build sprite:
1. Click Add Images or Add Folder
2. Adjust gap (padding) if needed
3. Click Generate Sprite
4. Export the result

Open or drag & drop a sprite image

Supports PNG files

Drop image here

100%