How to Make Image Backgrounds Transparent
Need a logo on a transparent background? Here are three free methods that don't require any design software. Works with PNG and WebP.
My coworker Dave sent me a company logo last Tuesday. White rectangle background. He told me to slap it on the dark hero section of our landing page. I dropped it in and it looked awful. A bright white box floating on a near-black background. Like someone pasted a sticker on a blackboard.
I asked Dave for the original file. He’d downloaded it as a JPEG from some stock site and cropped it himself. The transparency was gone before he even sent it to me.
That’s how most transparent background problems start. Not with a missing Photoshop license, but with the wrong file format at some point in the chain. Let me walk through what actually works.
When you really need a transparent background
This comes up more often than you’d think.
Logos are the big one. Your logo needs to sit on white, on dark, on gradients, on photos. If it has a solid background box, it looks broken half the time.
Product images for e-commerce stores. Amazon, Shopify, and most marketplaces want clean product shots that float on whatever background the page has.
Social media profile pictures and thumbnails. Platforms crop circles and rounded squares out of your image. A white or colored square behind your icon looks sloppy.
Icons and graphics for presentations and documents. Dropping an icon with a white box onto a colored slide is the fastest way to make your deck look amateur.
For all of these, you need one thing: an image format that supports transparency. Which brings me to the first method.
Method 1: Start with the right source file
This sounds obvious but it’s where most people mess up.
If your logo came as an SVG, you already have a transparent background. SVG files don’t even have a background layer. They’re just shapes and paths. Open it in any browser and you’ll see the checkerboard pattern behind it, which means transparency is working.
PNG files can have transparency too. If someone sends you a PNG and it has a transparent background, you’re done. Don’t convert it to anything else. Don’t open it in MS Paint and re-save it. Just use it as is.
The problems start when someone takes that PNG and saves it as a JPEG. JPEG does not support transparency. Never has. The moment you save as JPEG, every transparent pixel gets filled with white. Or black. Depends on the software. Either way, the transparency is gone and you can’t get it back by renaming the file or converting it to PNG again.
I made this exact mistake three years ago. Batch converted 40 logos to JPEG to save space, realized too late that every single one lost its transparency. Had to go back to the designer for the originals. Embarrassing.
So: check your source. If it’s SVG or PNG with transparency, stop here. You’re good.
Method 2: Remove the background with a free online tool
If your image already has a solid background baked in, you need to remove it. This is the “erase the white box” step.
There are free tools for this. remove.bg is the one I’ve used the most. You upload your image, it detects the subject, and cuts the background out. Works well for photos of people and products. Less reliable for complex graphics with lots of colors.
For simple logos with a solid white or colored background, you can also try Photopea, which is basically a free Photoshop clone that runs in your browser. You load your image, use the magic wand tool to select the background, hit delete, and export as PNG.
Neither of these is an ImgPrism feature, to be clear. I’m mentioning them because they’re free and they work when you’re starting from a JPEG or other format that lost its transparency.
Once you’ve removed the background, save the result as PNG. Not JPEG. I’ll explain why in the next section.
Method 3: Save in the right format
This is the part where most people slip up. You can do everything right, remove the background perfectly, and then save as the wrong format and lose all your work.
Here’s the rule: only PNG and WebP support transparency for raster images.
JPEG does not. BMP does not. TIFF technically can but nobody uses it for web content.
If you have an image with a transparent background and you need to convert it to a different format, use the ImgPrism convert tool. Drop your file in, pick PNG or WebP as the output format, and download the result. The transparency stays intact.
I tested this myself with a 600 by 200 pixel logo that had a transparent background. Converted it to three formats and checked each one:
| Output format | File size | Transparency preserved | Quality |
|---|---|---|---|
| PNG | 18 KB | Yes | Perfect |
| WebP (quality 80) | 11 KB | Yes | Perfect |
| JPEG (quality 80) | 14 KB | No, filled with white | Slight artifacts on edges |
The JPEG file was somehow bigger than WebP and it couldn’t even keep the transparency. That’s the worst of both worlds.
PNG vs WebP for transparency
Both formats handle transparency well. The choice comes down to where you’re using the image.
| Factor | PNG | WebP |
|---|---|---|
| Transparency support | Yes, full alpha channel | Yes, full alpha channel |
| File size (logo, 600x200px) | 18 KB | 11 KB |
| File size (product photo, 1200x1200px) | 1.4 MB | 520 KB |
| Browser support | Universal, works everywhere | 97%+ globally, all modern browsers |
| Editing software compatibility | Opens in everything | Most editors support it now |
| Email client support | Works in all email clients | Spotty in Outlook and some older clients |
My approach: use WebP for websites and apps. Use PNG for email templates and situations where you need guaranteed compatibility. The file size savings with WebP are substantial enough that it’s worth the tiny effort of converting.
You can convert to either format using the ImgPrism converter. It runs in your browser, so your files never leave your machine.
Common problem: “I saved as PNG but the background is still white”
This question shows up in forums constantly. Here’s what’s happening.
If your original file was a JPEG, the background was already replaced with solid white when it was first saved as JPEG. Converting that JPEG to PNG doesn’t bring back the transparency. PNG supports transparency, sure. But if the image data itself has white pixels where the background used to be, those white pixels are now part of the image. The format can’t tell the difference between “white background that should be transparent” and “white content that’s meant to be there.”
You have two options. Go back to the original source file before it was saved as JPEG. Or use a background removal tool (see Method 2 above) to cut the white area out.
A quick way to check: open the image in your browser. If you see a solid white or colored rectangle behind the subject, the background is baked in. If you see a checkerboard pattern, transparency is working.
Tools for this workflow
- Convert images to PNG or WebP to save your transparent images in the right format
- Compress PNG files if your transparent PNG is too large
- Resize images to get your logo or icon to the exact dimensions you need
All three tools process files locally in your browser. Nothing gets uploaded. Run as many files as you want.