How to Remove Transparent Padding from a PNG

Short answer: open Imgovo’s Trim Transparent Edges, choose your PNG or WebP, check the new size under the preview and download the result. The tool finds the smallest rectangle that still holds every visible pixel and crops exactly to it.

Why a PNG has empty transparent space around it

A PNG can store a transparent background. The picture is still a full rectangle, so a logo that sits in the middle of a large canvas carries a transparent border on every side. You cannot see it on a white page, but it is there. It makes the logo look smaller than it is, it shifts it away from its neighbors, and it wastes room in a button, a header or an icon.

The border usually comes from one of these places:

• a design program that exported the whole artboard instead of the artwork,
• a cut-out that kept the size of the original photo,
• a screenshot or sticker with a soft shadow that fades to nothing.

Step by step

1. Open Trim Transparent Edges and choose the file.
2. Look at the dashed frame on the left. It shows the visible content that was found.
3. Read the line under the previews: the size of the content and how many pixels were removed from the top, right, bottom and left.
4. If a faint shadow keeps the border too wide, raise the Alpha threshold a little and watch the frame shrink.
5. Add a Margin if you want some room around the logo. The margin is transparent.
6. Choose PNG or WebP and press Download image.

A worked example

Imgovo’s own logo mark is a 300 × 279 px PNG. It carries 13 px of empty transparent space on each side. At threshold 0 the tool cuts it to 274 × 253 px. All 13 px come off the top, right, bottom and left, and the logo itself is not touched.

	Before	After
Size	300 × 279 px	274 × 253 px
Transparent border	13 px on every side	none

The alpha threshold and the margin

Every pixel has an alpha value from 0 (fully transparent) to 255 (fully opaque). At the default of 0 a pixel counts as visible as soon as its alpha is above 0, so nothing you can see is lost. Some cut-outs leave almost invisible pixels far from the subject. Raise the threshold to treat those as empty. Raise it slowly: a high value can also cut into the soft edge of a shadow.

The margin does the opposite of trimming. It adds the same number of transparent pixels on every side of the visible content. If the original had less room than that, the missing space is added as new transparent canvas.

Transparent border or white border

A transparent border is made of pixels that are not there. A white border is made of white pixels, and those are visible, so the tool keeps them. If the empty space in your picture is white, either crop it with Crop Image or cut the background out first with Remove Background and trim afterwards.

Icons and favicons

An icon with a thick transparent border looks tiny at 16 px. Trim it first, then place it in the square with a small margin. Favicon Generator and the guide on how to make a favicon show the sizes to use.

Limits

• JPG has no transparency, so there is nothing to trim.
• An animated GIF or WebP is trimmed as a single picture, using its first frame.
• Very large pictures are limited by what your browser can hold. Imgovo tells you when a picture is too big.
• PNG and WebP are the output formats, because both keep transparency.

Privacy

The edges are found in your browser. Nothing is uploaded.

Try it now

Open Trim Transparent Edges, drop in your logo and see how much empty space it carries.