Need a website that wins clients? Webteqno builds flat-price small business websites, live in 2–3 weeks. No retainer. Get a free quote →

Transparent PNG Trimmer

Trim Transparent Pixels From the Edges of Your PNGs

Drop one logo or a batch. The trimmer finds where the artwork starts, cuts the empty border, adds the margin you choose and saves PNGs or a ZIP. Files never leave your device.

Drop PNG logos here

or tap to choose: PNG, WebP, JPEG, GIF, AVIF or BMP

Or paste a copied image.

Before and after

No file yet

Add a logo to see the empty border shaded red and the new edges in blue.

Trim settings

Every change applies to the whole batch.

Treat as empty

Cuts outer rows and columns that are fully transparent.

Margin

Space on each side

Unit

% uses the trimmed artwork's shorter side, so spacing stays even on wide wordmarks.

Advanced

Ignore faint pixels up to alpha 0

0 keeps every visible pixel. Raise it to cut stray specks and faint shadow tails (alpha 0 is invisible, 255 solid).

Export

Format

Add "-trimmed" to file names

Names are kept unless you add the suffix. JPEG fills transparent areas with the flat border color found, or white.

Related tools

From the team behind these free tools

Your logo is sorted. Is your website bringing in clients?

These tools are built by Webteqno, a web design and SEO studio with 9+ years and 200+ websites behind it. We help US small businesses look credible and get found on Google and in AI search.

Website design at a flat price, written scope, launched in 2–3 weeks
SEO and local SEO that gets you on page one where your customers search
GEO / AI search visibility so ChatGPT, Gemini and Google AI Mode recommend you
No retainer to start. Reply within one business day

Get a free AI visibility audit Get a website quote

Serving small businesses, service firms and SBA-certified federal contractors across the US.

How to Trim the Empty Edges From a PNG Logo

Many logo files carry a wide transparent border from a whole-artboard export or a square icon frame. Themes scale the whole file, border included, so the artwork shows smaller than the space you gave it. The header guide explains why padding shrinks a header logo.

Step by Step

Add files. Drop up to 60 at once, tap to choose, or paste. Animated files keep their first frame.
Choose what counts as empty. Transparent suits most PNGs; Edge color handles JPEGs and flat backdrops.
Set a margin, or leave it at 0 for the tightest file.
Check the overlay: red is removed, blue is the new edge.
Download one file, or a ZIP that keeps the original names.

How Empty Is Decided

The trimmer never guesses from the top-left pixel. Each side is scanned inward and stops at the first line holding a real pixel. In Transparent mode only alpha 0 counts as empty, so anti-aliased edges and soft shadows survive. Edge color judges every side separately: a white side is trimmed, while a side your artwork touches is left alone.

When Trimming Is Not the Fix

To remove a solid background instead of cutting around it, use the Background Remover.
For cutting to a fixed shape instead, such as 1:1 or 16:9, use the Image Cropper.

Frequently asked questions

Does trimming change the pixels of my artwork?

With PNG export, no: kept pixels are copied one to one, unscaled, though nearly invisible ones may round slightly. WebP and JPEG are re-compressed. Exports are 8-bit sRGB without the DPI tag or color profile, so 16-bit and wide-gamut files are converted.

Why was nothing trimmed from my JPEG?

JPEGs cannot store transparency, so the border is made of white or colored pixels. Switch to Edge color and keep the tolerance near 10% to absorb compression noise.

Why does one side keep more space than the others?

Something on that side is not empty, usually a faint shadow, a glow or a stray pixel. The overlay shows where the trim stopped; raise Ignore faint pixels under Advanced.

Can I trim an SVG logo here?

Not directly: an SVG gets its empty space from the viewBox, not from pixels. Convert the SVG to PNG first, then trim the PNG.

Does the margin add space if the original had none?

Yes. Every file gets exactly that space on all four sides. Space past the original edge copies the flat border color found in Edge color or Pick color mode; otherwise it is transparent.

Logo Fixed, but the Website Still Feels Dated?

A tight logo file helps, but a header also needs a clear menu, a visible call to action and fast loading on phones. Webteqno redesigns small business websites: page structure, mobile usability, SEO foundations and contact paths, with a written plan before work starts.

See Webteqno website redesigns

What an Empty Border Costs a Logo

Headers, store themes and email signatures fit the whole file into a fixed height, so empty rows above and below the artwork eat into it. Here is the artwork's height when the file is shown 60 px tall, a common desktop header height.

Empty space above and below (each, share of file height)	Artwork height in a 60 px slot	Share of the slot wasted
0% (trimmed)	60 px	0%
5%	54 px	10%
10%	48 px	20%
20%	36 px	40%
25%	30 px	50%
One third (33%)	20 px	67%

Where the Border Comes From

Artboards exported whole: Illustrator with Use Artboards ticked, an oversized Figma frame, or a full Canva page.
Square templates: a 4:1 wordmark spanning a 1000 × 1000 px canvas leaves three quarters of the height empty.

Trim First, Then Set the Canvas

After trimming, place the trimmed file on an exact canvas with Padding at 0: the website-header preset is 600 × 180 px and the Shopify header preset 600 × 200 px, both transparent. Shopify themes such as Dawn scale the file to the theme editor's logo width, so a trimmed file fills it; the Shopify logo guide covers the other slots.

Choosing a Margin

Use 0 when your site's CSS sets the spacing. Add 2 to 5% when a platform shows the file edge to edge, such as a marketplace tile. The new file does not keep the original DPI tag, so for print work set the DPI again.