100% local processing — your files and data never leave this browser. No uploads, no server storage.

OnboxTools

Free · Browser-only · No upload

PNG Transparency Creator

Remove solid backgrounds to create transparent PNGs

Select a background color and threshold to make matching pixels transparent. Optional edge smoothing and outer-only mode help with product photos and logos on uniform backdrops.

Output is a true PNG with alpha channel — ready for overlays, slides, and web compositing. All processing stays in your browser.

Conversion controls

Input Photo

Drag & Drop JPG/PNG or Click to Import

Transparent Result

Upload an image to process

Input Size0.0 KB
Result Size0.0 KB
Dimensions0 x 0

More Image Tools

🖼️
Base64 to Image
🎨
Color Format
🎨
Color Picker
🖼️
Data URI to Image
🖼️
Image Compressor
🖼️
Image Resizer
🧬
Image to Base64
🔗
Image to Data URI
🖼️
JPEG to WebP
🖼️
JPG to PNG
🔄
PNG to GIF
🔄
PNG to JPG
PNG Transparency Creator
🖼️
SVG to PNG
🔄
WebP to PNG

Browse by category

Transparency example

A warehouse product photo on #f8f8f8 with threshold 25 removes the backdrop while outer-only preserves the white label text inside the packaging.

A logo PNG exported on #000000 with smoothing radius 2 yields clean edges on a marketing site with dark hero sections.

Complete guide to creating PNG transparency

Why create transparent PNGs

Product photos on white, logos on brand-color squares, and scanned signatures on paper backgrounds often need transparency before they blend into varied layouts. A PNG alpha channel lets the subject float over any background without a visible box.

Design tools can mask manually, but a color-key approach is faster when the backdrop is uniform. This tool automates that workflow in the browser.

E-commerce grids and slide decks reuse the same product shot on white, gray, and branded sections. Transparency removes the visible rectangle so marketing can swap backgrounds without re-shooting. Color key is the fastest path when the studio backdrop is even and distinct from the subject.

Save keyed PNGs in a folder named by campaign so art directors can drop assets onto seasonal backgrounds without re-running the tool.

Color key and threshold

Pick the background color with the color selector or hex input. The threshold expands matching to nearby shades — essential for JPEG artifacts and off-white paper that is not pure #ffffff.

Too narrow a threshold leaves a fringe; too wide eats into light areas of the subject. Preview the mask overlay when available and adjust incrementally.

Sample color from the backdrop near the image border, not from memory. Warehouse photos often read as white but measure as #f4f4f4. Adjust threshold in small steps — five or ten at a time — until the fringe disappears without hollowing out pale product highlights.

JPEG product shots need higher thresholds than clean PNG exports because compression introduces noise near the backdrop edge.

Edge smoothing and outer-only mode

Smoothing softens jagged edges after keying — useful for hair and soft shadows at low thresholds. Outer-only mode restricts transparency changes to pixels connected to the image border, protecting same-colored areas inside the subject — like a white shirt on a white background.

Combine settings: outer-only for product shots with internal whites, smoothing for logos with anti-aliased edges.

Try outer-only first on packaging with white labels, then add smoothing if edges look stair-stepped. Heavy smoothing on already-soft product edges can look mushy — use the minimum radius that fixes jaggies without blurring fine print on labels.

Logos with thin white outlines on white studios are the classic outer-only use case — test with and without smoothing on a 200-percent zoom.

Limits of automatic keying

Color key works when background and subject colors differ clearly. A blonde subject against yellow, or a blue product on a blue gradient, needs manual masking in advanced editors.

Semi-transparent glass, motion blur, and complex hair on busy backgrounds exceed what threshold keying can do cleanly.

When automatic keying fails, treat the export as a starting point for manual touch-up rather than a final cutout. Busy street backgrounds, colored gels, and reflective packaging are common cases where pen tools in a design app still win.

Shoot or export source photos on a backdrop color that contrasts with the product when you know keying is in the workflow — planning beats fixing in post.

Batch product shots with identical studio paper can share one key color and threshold — verify on three samples before processing the full set.

Output and quality

Export preserves PNG losslessness for edges you keep. Download and place over a contrasting background to QA — gray and checkerboard reveal halos white pages hide.

For web, run the result through a compressor if file size matters; alpha PNGs compress less efficiently than opaque JPEGs.

Before publish, overlay the PNG on mid-gray and black sections of your site mockup. Halos that disappear on white often reappear on charcoal hero bands. Note threshold and key color in your asset README so teammates can reproduce the same cutout style.

Marketplace specs sometimes require minimum dimensions — key first, then resize up only if quality allows, since upscaling cannot invent detail.

Private local processing

Product photography under embargo, ID scans, and internal marketing assets process locally. No upload means no leak vector through a third-party server — important for compliance-sensitive workflows.

Processing runs entirely in your browser, so unreleased catalog shots and signed documents are not sent to a cloud service. Close the tab when finished; downloaded PNGs in your Downloads folder remain your responsibility on shared computers.

Teams under GDPR or HIPAA still need local disk policies — browser-only processing removes the vendor upload risk but not obligations around stored exports.

Re-key from the original photo when results disappoint — re-saving a keyed PNG and keying again softens edges unnecessarily.

Export PNG-24 with alpha; indexed PNG without alpha will flatten transparency on save in some tools.

Detailed guide

Removing white ecommerce backgrounds

Sample the backdrop near the border, not assumed white. Set threshold 15–30 for studio paper. Enable outer-only if the product itself contains white.

Checking for halos before publish

Preview on mid-gray and black backgrounds. Light fringes mean lower threshold or wrong key color. Dark fringes mean the key color is too dark.

Common questions

PNG transparency FAQ

Is the PNG Transparency Creator private?

Yes. Everything runs in your browser. Your input is not uploaded, logged, or stored on our servers.

Do I need an account?

No account or sign-up is required. Open the page and start using the tool immediately.

Does this work on JPEG photos?

Yes, if the background is a solid color. JPEG compression may require a higher threshold than PNG sources.

What is outer-only mode?

It removes matching colors only when connected to the image edge, preserving same-colored pixels inside the subject.

Can I restore partial transparency?

Smoothing softens edges but true partial alpha from the original is not recovered — only keyed areas become transparent.

Why is there still a fringe?

Wrong key color, low threshold, or compression artifacts. Sample the actual background and increase threshold slightly.