Remove a logo background and save a transparent PNG
Updated
To remove a logo background, start from the largest available copy and inspect the letter edges after cutting it out. Export a transparent PNG so the colour of your new design can show through the open areas.
On this page
Steps
- Upload the logo image and use the general people-and-products model.
- Check the letters and internal spaces on both light and dark previews.
- Choose PNG and Transparent, then test the downloaded image in the design where it will appear.
Separate artwork from backdrop
White areas can be part of the logo, especially inside lettering or symbols. Restore any details removed by the model. Use the connected-colour removal tool on the background region and inspect the change before moving on.
Check the inside of letters and rings
Zoom in on a letter such as O or any ring in the logo. If the centre still contains the old background, clear it with a small erase brush. If a letter lost part of its stroke, use Restore and work with a smaller brush near the edge.
Place the exported PNG over a light colour and a dark one at its final display size. Look for pale outlines and closed gaps. If a tiny screenshot has jagged letters, look for a larger original or the original logo file.
Start with sufficient detail
A small screenshot already contains limited letter detail. Begin with the largest available version and inspect corners after the cutout. Editor zoom helps you check pixels but does not add source detail to the artwork.
Test transparency in its final setting
The checkerboard represents transparency in the editor. After downloading, place the file over another colour in your design application. Some photo viewers display transparent areas as white, so an actual overlay is a better check.
Frequently asked questions
Why does the background look white after download?
Check that PNG and Transparent were selected. JPG uses a filled background.
Can Hawaf BG export an SVG logo?
Hawaf BG exports PNG and JPG images. Use the original vector file or a dedicated tracing tool if you need vector artwork.
Check the smallest intended size
A wide preview can hide a problem that is obvious in a small website header. Put the logo over light and dark colours and check the letter openings. Start with a vector original if you need to scale beyond the available image.