How to Make a Transparent Logo From a JPG
A JPG can't be transparent, so making a transparent logo means creating a new file, usually a PNG, where the background pixels are see-through. You can try an AI background remover, which works well when the logo is a single solid shape on a plain background. For logos with text, thin lines or holes in the letters, a "remove colour" tool in an image editor, or the original logo file from whoever designed it, usually gives a cleaner result.
Before you start, it's worth asking whether you need to convert at all. The best transparent logo is the one the designer already made.
First: look for the original file
Logos are normally designed as vector graphics, which are made of shapes rather than pixels and can be scaled to any size without getting blurry. The common vector formats are SVG, AI, EPS and PDF. A designer will usually also export transparent PNG versions.
Check these places before converting a JPG:
- the email or shared folder from whoever designed the logo
- your website's media library or theme settings, where a PNG or SVG version may already be uploaded
- the brand or press kit of your company or club
- business card or print shop files, which are often PDF or vector
If you find an SVG, use it on the web where you can. Mozilla's web documentation recommends SVG for icons and logos where possible, because it stays sharp at every size.
Why a JPG logo is harder than it looks
JPEG is a lossy format designed for photos. It saves space by blurring fine detail slightly, and on flat graphics this shows up as faint smudges and halos around edges and text, called compression artefacts. You often can't see them at normal size, but when you remove the background they can leave a grubby outline around the logo.
The other issue is the shape of most logos. Letters such as O, A, B and e have enclosed spaces. On a white JPG, those spaces are white too, and a good transparent logo needs them see-through as well.
Option 1: Try Background Remover
Background Remover uses an AI model that finds the main subject of a picture and makes everything else transparent. It's built mainly for photos: products, people, pets. It also lists logos on paper among its uses, and for some logos it does a good job.
- Open Background Remover and click Upload an image. JPG, PNG and WebP work.
- Click Remove Background and wait for the progress bar. The first run downloads the model files to your browser, which can be tens of megabytes, so it's slower than later runs.
- Check the Result panel. The checkerboard shows transparent areas.
- Click Download PNG. The file is saved with
-no-bg added to its name.
Your logo isn't uploaded to a server; the model runs on your device.
When it works, and when it doesn't
It tends to work well for a solid emblem, badge or mascot on a plain background that contrasts with it. It tends to struggle with:
- text-only logos (wordmarks), where the model may treat some letters as background, or keep a block around them
- enclosed spaces inside letters and shapes, which may stay filled with the old background colour
- thin lines, outlines and small taglines, which can come out patchy
- logos with several separate parts, where it may keep only the biggest one
The tool has no manual brushes or touch-up controls, so you can't mark areas to keep or erase. Zoom in on the result. If it's not clean, use option 2.
Option 2: Remove the background colour in an image editor
For flat logos on a white or single-colour background, the job is really "make this one colour transparent". Many image editors can do this directly:
- A magic wand or "select by colour" tool, set to select every pixel of the background colour across the whole image (not just connected ones), followed by delete.
- A colour to transparency or "remove background colour" feature, which some free editors and office programs include.
Because it selects by colour rather than guessing the subject, this method clears the spaces inside letters too. Raise the selection tolerance slightly to catch the JPEG smudges along edges, but not so much that it eats into a light part of the logo. Save the result as PNG.
If the logo is simple and the JPG is small or very blurry, consider having it redrawn as a vector by a designer. For a business you'll use the logo for years, it's often money well spent.
Tidy up and save the right format
Once you have a transparent version:
- Keep it as PNG for documents, slides and anything you send to other people. PNG is lossless and keeps transparency.
- Use WebP for your website if the file is large. In Image Compress, choose WebP, which keeps transparency, and set a Max width around twice the size the logo is shown on the page.
- Don't save it as JPEG. JPEG has no transparency; Image Compress fills see-through areas with white if you choose it, and you're back where you started.
- Trim the empty space. If there's a wide transparent margin around the logo, crop it with Image Crop (choose PNG output) so it lines up properly on a page.
Check it on a dark background
A logo can look perfect on white and show a pale fringe on a dark background. Before you use it, drop it onto a dark slide or a black page. If you see a light halo around the edges, the background removal left behind some of the old white pixels. Try the colour selection again with slightly higher tolerance, or start from a larger, sharper JPG.
If you only have a tiny JPG pulled from a website, get the original from the designer or the organisation if you can. Every method above works better on a bigger, cleaner source.
KhanTools — Free Online Web Tools
Free browser-based tools for images and PDFs. No uploads. 100% private.
Blog ·
About ·
Privacy Policy ·
Terms of Service ·
Contact
JavaScript is required to use KhanTools. Please enable JavaScript in your browser.