Make PNG Center Transparent
Punch a transparent hole through the middle, leaving an outer frame. 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 Center Transparent
- 1. Upload the PNG. Add the image you want to punch a hole through. It loads into the preview so you can see how much of the center the cutout will cover.
- 2. Set the hole size. Drag the Hole size (% of image) slider to control how large the centered transparent rectangle is relative to the canvas. A small percentage leaves a thin cutout, a large one leaves only a thin outer frame.
- 3. Download the framed result. Save the PNG once the transparent center looks right. The outer frame keeps its original pixels while the middle is now fully see-through.
When to use Make PNG Center Transparent
Make PNG Center Transparent removes a rectangular block from the middle of an image and leaves the outer edge intact, effectively producing a picture frame shape. Use it whenever you need the border of an image but not its content.
- Building a photo frame overlay. A designer wants a decorative border texture that a user's own photo can show through. Punching a transparent center at 60% out of frame.png creates exactly that layered asset.
- Creating a picture-in-picture template. A video thumbnail template needs an empty middle where a headshot gets composited later. Cutting the center transparent out of the background art leaves a clean hole to fill.
- Making a sticker with a see-through window. A print-and-cut sticker design calls for a clear viewing window in the middle of an opaque border graphic. Setting the hole size to match the window's proportion produces the cut file.
Examples
Picture frame
Input
photo.png + 50%
Output
photo.png with a transparent centered rectangle
About the Make PNG Center Transparent tool
Make PNG Center Transparent runs as plain JavaScript in your browser tab, with no server behind it. Punch a transparent hole through the middle, leaving an outer frame. 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 Hole size (% of image) 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
Does Make PNG Center Transparent cost anything?
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?
No data leaves your device. The whole tool is JavaScript that runs inside your browser tab, so there is no upload, no server-side processing and no log of what you did. If you disconnect from the internet after the page loads, it keeps working.
Which files does Make PNG Center Transparent 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?
Nothing to install and no account needed. Open the page in any up-to-date browser, including on a phone or tablet, and the tool is ready.
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.