Remove Background from Sprite Sheet
Remove background from sprite sheet images by turning a flat magenta, green or other selected color transparent. Pick the color, choose where it should be removed, and inspect the edges before downloading a cleaned PNG.
How to use this tool
Open the source
Load your sheet and inspect whether the background is a solid color or part of a more complex image. Color keying works by matching pixels, so a similar color inside the sprite needs care. Keep the original file available while trying settings.
Pick the background
Click the background color in the image or use the corner sample. Start with a representative flat area rather than an antialiased edge. The selected color is the reference for tolerance, so a poor sample can leave unwanted patches or remove useful details.
Choose removal and tolerance
Use edge-connected removal when matching colors inside the artwork should remain. Use the all-matching-pixels mode when isolated background pockets need removal too. Adjust tolerance gradually and compare the checkerboard preview, especially around outlines, shadows and tiny detached pixels.
Save or cut the sheet
Download the transparent PNG after inspecting the result. You can also send it to Sprite Detection to separate the sprites. Decide whether to use local Grid Slice or server-assisted auto-detect there; the background cleanup itself happens entirely on your device.
What you get
The tool reads PNG, JPG, GIF and WebP images and downloads a cleaned PNG with alpha. The tolerance control runs from 0–120. It supports edge-connected or all-matching color removal, plus an edge cleanup option for unwanted color around the remaining shape.
The checkerboard shows transparent areas during review. Existing partial alpha needs careful inspection, particularly for shadows and translucent effects. Color keying cannot reliably reconstruct artwork hidden by a complex background, and a larger tolerance is not automatically a better result.
Use the result in your engine
- Godot 4 import guide
For session sprites, choose Godot SpriteFrames in Export & Download. Keep the sheet beside the .tres resource, then drop the resource onto an AnimatedSprite2D. A standalone PNG can also be sliced in the engine.
- Unity import guide
Import the PNG as Sprite (2D and UI), choose Multiple, and slice it in the Sprite Editor. Unity does not read this tool’s JSON metadata; check the slicing and pivot in the editor.
- Phaser 3 import guide
Load a sheet with Phaser or TexturePacker JSON using load.atlas. For a uniform grid without atlas metadata, use load.spritesheet with the correct frame size. Build the animation from the intended frame names or indices.
Frequently asked questions
Is this tool free?
Yes. You can use the tool and download its output without payment or signup. Keep a downloaded copy of work you want to save; browser storage belongs to this browser and can be cleared by its settings.
Are my files uploaded?
No. This tool works on your device, in your browser, so your files stay with you. The only exception on the site is the optional auto-detect in Sprite Detection, which uploads the image to our server and deletes it within 24 hours; its Grid Slice mode runs on your device too.
How do I turn magenta or green into transparency?
Pick that color from the sheet and begin with a low tolerance. Increase it only until the unwanted background disappears. Check whether the same color is part of the artwork; edge-connected removal can preserve enclosed details that all-matching removal would erase.
Why do colored outlines remain?
Edge pixels can contain a mixture of foreground and background colors, especially in compressed or smoothed images. Try the edge cleanup control and inspect the result closely. Avoid raising tolerance so far that it removes intentional outlines or changes the sprite’s silhouette.
Can I remove a background inside a closed shape?
The all-matching mode can remove selected-color pixels even when they are enclosed. Edge-connected mode limits removal to regions connected to the image edges. Choose based on the artwork and inspect holes and highlights so intentional same-colored regions survive.
Why download PNG instead of JPG?
The cleaned result needs alpha to represent transparent pixels. PNG stores that transparency, while JPG cannot. Check the file on a contrasting background after download; an image viewer’s white background alone does not tell you whether the pixels are transparent.