← Home / Sprite Background Remover

Sprite Background Remover

Tap the background to remove it · Adjust tolerance · Export transparent PNG · 100% browser-only, nothing uploaded

🖼️ Drag & drop your sprite here, or choose below
PNG, JPG, WebP, BMP — any image format
🔬 Tap the background to remove that color
🎨 Removed Colors
Upload an image, then tap the background to remove it.
30
Higher = remove more shades of each color
What's Next?
🖌️
Sprite Outline Generator
Add a customizable outline around any sprite.
🎨
Sprite Color Palette Extractor
Extract a sprite's color palette into a sorted, exportable swatch list.

Why This Tool Exists

Sprites from OpenGameArt or Itch.io often have a solid background color used as a transparency key. The usual fixes — install GIMP, pay for Photoshop, or upload to an unknown service — all add friction or risk. This tool removes it in seconds, entirely in your browser.

How the Algorithm Works

Tapping a pixel reads its RGB values, then compares that color against every pixel using Chebyshev distance — the max absolute difference across channels. If the distance is within tolerance, that pixel's alpha is set to zero. This treats RGB space as a cube, creating a uniform removal region around each picked color.

Step-by-Step Guide

  1. Upload: Drag your image or use From Gallery / From Files.
  2. Tap the background: Click anywhere on the background to pick its color.
  3. Adjust tolerance: 20–50 works for most pixel art; 15–25 for JPGs.
  4. Pick additional colors: Tap each distinct background shade.
  5. Lock picking: Toggle "Picking" off to inspect without adding colors.
  6. Undo or remove: Use Undo, a swatch's ✕, or Clear All.
  7. Zoom: Open the full-screen preview to check edge pixels.
  8. Download: Export a lossless transparent PNG.

Common Workflow Scenarios

Different background types call for different tolerance settings, since flat colors, chroma keys, and compression noise behave differently when matched.

Frequently Asked Questions

Can I remove more than one background color at once?

Yes. Each tap on the canvas adds a new color entry to the list. All colors are processed together — a pixel becomes transparent if it matches any color in the list within the current tolerance value. This lets you handle backgrounds with gradients, multiple solid areas, or subtle color variation across a large sprite sheet in a few taps.

Why are there grey fringe pixels left around my sprite after removal?

Fringe pixels appear when the artwork uses anti-aliasing — the edge pixels are a blend of the background color and the sprite color, so they're neither the exact background nor the exact sprite. Try increasing the tolerance slider by 10–20 to catch them. If increasing tolerance also removes sprite content you want to keep, the image has significant anti-aliasing and may need per-pixel editing in a tool like Aseprite for a clean result.

How does undo work?

Clicking "↩ Undo" removes the most recently picked color from the list and immediately re-renders the preview without it. You can undo one color at a time, stepping back through your taps. To remove a specific color without disturbing the others, click the ✕ button on that color's row. "🗑 Clear" removes all picked colors at once, restoring the preview to the original unmodified image.

Does the tolerance slider apply to all colors or just the last one picked?

The tolerance slider applies globally to every color in the list simultaneously. Moving the slider immediately re-renders the preview using all picked colors at the new tolerance value. If you need different effective tolerances for different colors, pick the colors that need lower tolerance first, check the preview, then adjust and pick the remaining colors.

How does this compare to Photoshop's Magic Wand?

Photoshop's Magic Wand does a flood-fill selection starting from the clicked pixel — it only selects contiguous regions of similar color. This tool does a global color match — every pixel anywhere in the image that matches any picked color is made transparent. For sprite sheets where background color appears in many disconnected regions between frames, the global approach is faster. If you need to preserve isolated same-colored pixels inside the sprite body, a contiguous selection tool like Magic Wand gives finer control.

Can I import the output directly into Godot or Unity?

Yes. The downloaded file is a standard PNG with a full alpha channel. In Godot 4, import it as a Texture2D — transparency is preserved automatically. In Unity, set Texture Type to "Sprite (2D and UI)" in the import settings and the alpha channel is read correctly. Both engines display transparent sprites without any additional conversion steps required.

Does the output PNG have a fully transparent background or just a white one?

The output is a true RGBA PNG with a fully transparent background — alpha value 0 for all removed pixels. When you open it in a game engine, image editor, or browser, the removed areas will be transparent, not white. If you see a white background after downloading, your viewer is compositing the PNG over a white canvas, which is normal display behavior for transparent images.

Can I use this tool on a sprite sheet with many characters?

Yes. Upload the full sprite sheet image and pick the background color once. The global color-match approach processes every pixel in the image simultaneously, so a single tap on the background color removes it across all frames in the sheet at once. This is faster than manually masking each character individually in an image editor.

What image formats can I upload?

The tool accepts any image format your browser can decode, which includes PNG, JPEG, WEBP, GIF (first frame only), BMP, and AVIF on modern browsers. The output is always a PNG file with transparency, regardless of the input format. For best results, use PNG input — JPEG compression artifacts can introduce subtle color variations near edges that affect color matching accuracy.

Does this work on mobile devices?

Yes. The tool is fully mobile-compatible. Use "📷 From Gallery" to open an image from your phone's photo library, or "📂 From Files" to browse local storage. Tap the sprite preview to pick background colors — touch events are handled the same way as mouse clicks. The color list, tolerance slider, and download button all work on touchscreen devices without any special setup.

→ General questions? Visit our FAQ page

Other Free Tools from ORH Studio

Sprite Background Remover is part of a suite of free browser-based tools for game developers and pixel artists.

© 2026 ORH Studio. All rights reserved.

Home | About | Privacy Policy | Terms of Service | Contact