LogobundleHow to make a logo background transparent
Updated · 8 min read
To make a logo background transparent, you either cut the background out of a PNG, so those pixels become see-through, or you trace the logo into a vector (SVG, PDF), which has no background to begin with. A JPG cannot be transparent at all. Two traps catch most people: a "transparent" file that is really a white box, and a checkerboard that was painted into the picture. A third limit is the logo itself: flat shapes cut out cleanly, while glow, shadow and soft gradients have no edge to cut along. This guide shows all three on real test logos, which formats can be transparent, how to check a file in ten seconds, and how to do the cut-out by hand or with Logobundle.
A real result
The versions in the pack
Every pack has the SVG in colour, black, white and grayscale, made from the same trace. All of them are free of any background.
Colour
Black
White on black
Grayscale
On this page
Which formats can be transparent
Transparency lives in an extra channel next to red, green and blue, called alpha, that says how see-through each pixel is. Only some formats have that channel:
| Format | Transparent? | Notes |
|---|---|---|
| PNG | Yes | The usual choice for a logo on a website, in slides or in a document |
| WebP and AVIF | Yes | Smaller files for websites; modern browsers show them |
| SVG | Yes | A drawing of shapes, so there is no background unless someone draws one |
| PDF and EPS (vector) | Yes | The same: no background unless drawn. The files a print shop wants |
| GIF | Only on or off | A pixel is either fully see-through or solid, so edges look jagged |
| JPG | No | Always a solid rectangle. White is just a white background |
That is why a JPG logo can never be "made transparent" in place. The background has to be removed and the result saved as a PNG (or WebP, AVIF or SVG). Changing the file extension from .jpg to .png changes nothing: the pixels are still a solid rectangle.
Why your "transparent" logo has a white box or a checkerboard
The quickest test is to put the logo on a dark background. A web page, a slide or a colour fill in an image editor will do. Our bakery test logo was a flat logo on white, made with a Gemini image model for our test set. Here is the upload as it came, and the cut-out on the same dark colour:
✗The upload on a dark page
✓The cut-out on the same page
A white box means the background is part of the picture, not see-through. It happens when a logo was saved as a JPG, when the transparent area was filled with white on export, or when someone took a screenshot of a logo on a white page.
A checkerboard is a different mistake, and it is common with AI image tools. The grey-and-white squares that editors draw to show transparency get painted into the pixels, because the picture was generated or screenshotted with the squares showing. The file is a picture of transparency, not transparent. Our ChatGPT logo guide shows a real logo with a checkerboard baked in and what happens to it.
What cuts out cleanly and what does not
Removing a background means finding where the logo ends. A flat logo has a sharp, one-colour edge, so that is easy. Soft effects have no clear end. We ran two test logos through Logobundle: a flat bakery logo and a leaf with a glow, both made with a Gemini image model for our test set.
✓Flat logo, on dark
✓Same file, on cream
✗Glow logo, on dark
✗Glow logo, on white
- Flat logo (✓): 2 colours and 15 paths. It cuts out with sharp edges and sits on dark and on cream without a halo.
- Glow logo (✗): the glow fades into a dark navy backdrop, so there is no line where the logo stops. The pack keeps the navy square, and the glow becomes flat steps of green rings. On white it is a navy square with a leaf in it, not a transparent logo.
- Soft shadows and gradients behave like glow: a shadow is partly see-through by design, and the cut has to guess where it ends.
- Thin pale edges: a logo that was anti-aliased on white has pale edge pixels. On a dark page they show as a light fringe. Cutting from a vector avoids that, because a vector has no edge pixels.
Make it transparent with Logobundle
Logobundle removes a plain background and traces the logo into shapes, so the result is transparent in two ways: a cut-out PNG and vector files with no background.
- 1Upload a PNG, JPG or WebP of your logo. A plain white or flat-coloured background works best.
- 2Check the free preview. It shows the cut-out on every file, with a watermark and at small sizes.
- 3Pay once for the Logo pack and download it. The transparent PNGs are in logo/png/ at 256, 512, 1024 and 2048 px, and WebP and AVIF versions are in logo/web/.
- 4Use the SVG, PDF or EPS when you need a vector. Those have no background at all.
The pack also has black-on-white and white-on-black PNGs, which are opaque on purpose, for places that do not accept transparency. A logo that is a picture on its own coloured square is a special case: the main PNGs keep the square, and the art alone is in separate logo-transparent files.
Want to see whether your logo cuts out cleanly? Upload it and check the preview on a dark page, free.
Make it transparent by hand
You do not need Logobundle for a flat logo on a plain background. These steps work in free and paid editors.
GIMP (free)
- 1Open the logo and choose Layer → Transparency → Add Alpha Channel.
- 2Choose Colors → Color to Alpha, pick the background colour (usually white) and click OK.
- 3Zoom to 400 % and check the edges for a pale fringe. Raise the transparency threshold or clean up by hand if needed.
- 4Export with File → Export As, name it logo.png and keep the alpha channel.
Adobe Photoshop
- 1Open the logo. In the Properties panel, choose Quick Actions → Remove Background.
- 2Zoom in and check the edges, then refine the mask if the cut is rough.
- 3Choose File → Export → Export As, pick PNG and keep Transparency ticked.
For the cleanest edges on a flat logo, trace it into a vector instead of cutting it. Our PNG to SVG guide has the steps for Inkscape and Illustrator. If you only need the files, the logo to SVG page makes them from your upload.
When a logo should not be transparent
Transparency is not always what you want. Some places turn it into black or white, and some need a solid background to look right:
- iOS app icons: iOS fills transparent areas with black, so a dark logo can vanish. Use an opaque square. The app icon guide has the details.
- Profile pictures and link previews: platforms crop and fill them unpredictably, so these should be opaque images with a background colour of your choice.
- Logos for print on dark material: use a white version, not a transparent dark one. Pick the version, not the transparency.
- Documents and slides on coloured pages: if your logo is dark and the page is dark, you need a light version as well.
A pack with a colour, a black and a white version covers these cases. The white one is shown on black in the tiles at the top of this page, because that is how it is meant to be used.
Try every file before you pay
Free with a watermark · no account · about 30 s. Clean from €8.99, paid once.
Upload your PNG
The file your image generator gave you. A plain or transparent background works best.
Download the full pack, free
Every image file, with a watermark. Try the favicon in your site and the icon on your phone.
Get it clean
Pay once, from €8.99: AI redraws your logo flat and clean, and you get files without watermark plus the SVG vectors. No account, no subscription.
Pricing
Complete
€18.99 paid once
- ✓ AI clean-up before tracing (optional)
- ✓ SVG vectors that scale to any size
- ✓ Print-ready PDF and EPS
- ✓ Transparent PNGs, WebP and AVIF, black and white versions
- ✓ Favicons, touch icons, web manifest
- ✓ iOS, Android and desktop app icons
- ✓ Share images for links and profiles
- ✓ Die-cut sticker, 50, 75 and 100 mm
Logo
€8.99 paid once
- ✓ AI clean-up before tracing (optional)
- ✓ SVG vectors that scale to any size
- ✓ Print-ready PDF and EPS
- ✓ Transparent PNGs, WebP and AVIF, black and white versions
- ✓ Die-cut sticker, 50, 75 and 100 mm
No favicons, app icons or share images.
Free
€0 watermarked
Every image file with a watermark, to check the result. No vectors, testing only.
One-time payment, no account, no subscription. The AI clean-up is included; untick it at checkout if you prefer the plain trace.
Only need stickers? Sticker pack for €4.99 with print-shop, Cricut and Silhouette files and ready-made sheets.
Questions
- How do I make a JPG logo transparent?
- A JPG cannot hold transparency. Remove the background and save the result as a PNG, WebP, AVIF or SVG. Logobundle does that in one upload; GIMP and Photoshop can do it by hand.
- Why does my transparent logo have a white edge on a dark background?
- The edge pixels were anti-aliased against white, so they are pale. Cut the logo out again with a tighter threshold, or trace it into a vector, which has no edge pixels.
- Is a PNG with a checkerboard transparent?
- No. The checkerboard was painted into the pixels, often by an AI image tool or a screenshot. It needs to be cut out like any other background. The ChatGPT logo guide shows an example.
- Should I use SVG or PNG for a transparent logo?
- Use SVG for websites and print when you can, because it is sharp at any size and has no background. Use a transparent PNG where a tool does not accept SVG, such as many slide and document editors.
- Does Logobundle always remove the background?
- It removes a plain, flat background. When a logo fades into its background with a glow or a gradient, there is no edge to cut along, and the background may stay. The free preview shows what you get before you pay.
More answers in the main FAQ.