Remove Background From Logo

A logo arrives as a JPG more often than people expect: exported from a slide deck, lifted from a marketplace listing, sent by a printer as a proof. JPG has no alpha channel, so “transparent” had to be painted in, usually as flat white. Place that file on a dark header or a photograph and the white rectangle comes along with it.

A transparent PNG stores an alpha channel instead: every pixel carries a colour and an opacity value, so a wordmark can sit on any background without a box and its edges can blend into what is behind them.

The catch is the edge. If a logo was flattened onto white, its anti-aliased rim is a blend of ink and white; remove the white and those pixels can survive as a pale halo that only shows on dark backgrounds. A cutout can reduce it but cannot recover alpha that was thrown away. If a vector source exists — AI, EPS, or SVG — use it: the edge can be rebuilt instead of guessed.

There is no upload step and no project to save: the image is decoded locally, masked, and assembled into a PNG in the browser. The quality ceiling is the file you choose; a heavily compressed JPG gives the model less edge information than a clean PNG export.

Anti-aliased edges on type logos

Type is mostly edges. A 40-pixel wordmark can carry two or three pixels of blended colour along every stem, and those in-between pixels are what make text look smooth. A hard threshold snaps each to fully opaque or fully transparent and leaves a grey step where the soft edge was. Check on black, not white: white hides exactly this defect.

Flat colour marks versus gradient marks

A single-ink logo is a colour-knockout problem: keep the ink, drop everything else. Automatic cutouts usually do well here, though a careful recolour can be cleaner. Gradients are different — a soft gradient, glow, or photographic texture needs a real alpha matte, so inspect for banding and for a faint rectangle where a bounding box used to be.

Thin strokes and script lettering

Hairlines, the connectors in a script logotype, and the counters inside e, a, and o break first. A one-pixel stem can vanish or double in weight, and a tight counter can fill in. Zoom past the point where the logo looks good on screen: if the smallest feature survives, the rest will.

Dark artwork on a dark background

You cannot judge a dark cutout against black. Confirm the background is gone on the checkerboard, test a mid-grey, then the surface the logo was designed for. A mark that reads cleanly on white can still show a pale rim on charcoal, and that rim is the most common last-minute rejection.

A final check before you export

• View at 300 to 400 percent on the checkerboard, then on the darkest surface the logo will sit on.
• Look at the thinnest stem and the tightest counter, not at the overall shape.
• Check whether a drop shadow or glow survived as a grey smudge around the mark.
• Compare the outline against the original: a cutout should not eat a pixel off the stroke.

When SVG is the right answer

If the mark is flat or typographic and the original vector exists, use SVG: crisp at every size, no edge pixels to fringe, and usually smaller than a high-resolution PNG. Send it to a printer or a developer.

When PNG is the right answer

When no vector exists, a transparent PNG is the delivery format: alpha preserved, opens everywhere, and what marketplaces, slide decks, and profile uploads expect. Export at the largest size you reasonably need.

Where WebP fits

WebP keeps transparency and usually produces a smaller file, so it suits a site header or app screen. It is a weaker choice for files opened in Word, PowerPoint, or older editors, where PNG is the safer handoff.

One warning: saving a cutout PNG as SVG does not make it a vector. Auto-tracing follows the pixel edge and rebuilds the mark as a pile of anchor points, which looks worse at large sizes than the PNG it came from.