Make PNG Transparent Around Edges
Erase a border of pixels to transparency while keeping the center intact. Runs entirely in your browser, so your data never leaves your device.
Drop a file here, or click to browse
Files never leave your device
Output
The result appears here as you type.
How to use Make PNG Transparent Around Edges
- 1. Upload the PNG. Add the image whose edges you want to fade to transparency. It loads into the preview so you can gauge how much border the effect will remove.
- 2. Set the border thickness. Adjust the Border thickness (% of shortest side) slider to control how deep the transparent band extends inward from every edge. A small value only clears a thin rim, a large one eats further into the image.
- 3. Download the edited PNG. Save the file once the erased border looks right. The center of the image keeps its original pixels while the outer band is now fully transparent.
When to use Make PNG Transparent Around Edges
Make PNG Transparent Around Edges erases a border of pixels around an image, leaving the center intact and the outer band see-through. It suits any layout where a photo needs to blend into its surroundings instead of ending with a hard rectangular edge.
- Blending a photo into a page background. A hero photo on a landing page has a visible rectangular edge that clashes with the surrounding design. Fading the border to transparent at 15% lets the page background show through at the edges instead.
- Softening a product thumbnail. A product shot needs to feel less boxy in a grid layout. Erasing a thin transparent border around photo.png softens the hard rectangle without touching the product itself.
- Preparing a texture for tiling overlays. A background texture asset needs its edges to fade rather than show a visible seam when layered over other graphics. Clearing a border to transparency lets it composite cleanly.
Examples
Framed cut-out
Input
photo.png + 15%
Output
photo.png with a transparent outer border
About the Make PNG Transparent Around Edges tool
Make PNG Transparent Around Edges runs as plain JavaScript in your browser tab, with no server behind it. Erase a border of pixels to transparency while keeping the center intact. Whatever you put in stays on your device from start to finish.
The tool is part of EditSafely's PNG Tools section, 108 single-purpose utilities built around the same idea: open the page, get the result, keep your data to yourself.
You can shape the output with the Border thickness (% of shortest side) setting, and the result refreshes the moment you change it. The finished file is put together in browser memory and saved with the Download button, so it never touches a server on the way to your disk. A worked example further down the page shows exactly what the tool produces for a real input.
That local-first design has practical benefits beyond privacy. The tool keeps working on a flaky connection once the page has loaded, results are instant because nothing round-trips to a server, and it is safe to use with confidential material.
Frequently asked questions
Is Make PNG Transparent Around Edges free to use?
Yes, it is completely free. All 2,658 tools on EditSafely work without an account, a subscription or usage limits.
Are my files uploaded to a server?
Everything happens locally. Your browser downloads the tool's code once, then does all the processing itself; nothing you enter is transmitted, stored or logged. You can even go offline after the page loads and it will still work.
Which files does Make PNG Transparent Around Edges accept?
It accepts PNG images. There is no file size cap imposed by a server; very large files are limited only by your device's memory.
Do I need to sign up or install anything?
No. The tool works in any modern browser on desktop, tablet or phone. There is no account to create, no extension to add and no software to install.
How do I save the output?
Click the Download button once the result is ready. The file is built in your browser's memory and handed straight to your downloads folder, without passing through a server.