Skip to content

File checks

Client says the logo PNG has a white background: what to check

Find out whether the problem is inside the file, in its preview, or in the application receiving it.

The short answer

A PNG can have a white background because the artwork includes white pixels, transparency was removed during export, or the receiving app is showing an opaque preview. Test the actual downloaded file over colored layers before editing it. A PNG extension alone does not prove that its background is transparent.

1. Test the file, not the thumbnail

A client sends a screenshot: your logo appears inside a white rectangle. Do not immediately erase the background. First ask for the exact file and the application where it fails. A screenshot captures what was displayed, not the transparency information in the original asset.

Download the attachment instead of copying its preview. Open it in an image editor that supports transparency and place a solid blue or dark gray layer underneath. Then switch that layer to white. If the background color shows through outside the mark, transparency is working there.

Check the complete canvas, including the spaces inside letters. A checkerboard displayed by an editor can indicate transparency, but a checkerboard baked into the picture is just pixels. Changing the layer underneath distinguishes them. PNG supports optional transparency; it can also contain an entirely opaque image.

Further reading: W3C: PNG image types and transparency

2. Match the symptom to the next check

Use this sequence before changing the approved artwork. Several problems can coexist, so repeat the background test after each correction.

A quick transparency diagnosis
What you seeWhat to check next
White rectangle on every colored test layerInspect for a white background object or opaque pixels.
White rectangle only in a preview or destination appCompare the downloaded source with the inserted or uploaded copy.
Checkerboard stays visible over a new colorThe checkerboard may be part of the image itself.
Logo disappears on white but appears on darkCheck whether you received the white logo variant.
Thin pale outline on a dark backgroundInspect edge pixels for a leftover matte or selection fringe.

3. Remove the background without damaging the mark

If you have the editable source, inspect its layers or objects. Hide a separate background rectangle only after confirming it is not part of the approved design. A white badge, a white letter, and an empty hole are different things; removing every white area can change the logo.

Export a fresh PNG with transparency enabled, then reopen that exported file. Do not assume a transparent-looking document guarantees a transparent export. If you are using Photoshop Elements, its Save For Web workflow includes a Transparency option for supported PNG exports.

If the only source is a flattened image, request the original vector or layered artwork first. Background removal is a reconstruction step: inspect letter counters, small gaps and fine edges against an approved reference. Renaming a JPEG to PNG, or saving its opaque pixels as PNG, does not recreate the missing transparency.

Further reading: Adobe: transparency and matte settings

4. Treat halos separately from a solid background

A file can be transparent outside the logo and still have a pale edge. Semi-transparent edge pixels left from an earlier background removal can carry unwanted background color. On white they may look acceptable; on a dark page the contamination becomes obvious.

Prefer a new export from clean original artwork over repeatedly erasing the edge of a small raster copy. If raster cleanup is necessary, work on a duplicate and inspect at both enlarged and intended display sizes. Adobe documents fringe pixels and matting controls, but cleanup must be checked against the actual mark.

Do not remove all partially transparent pixels simply to eliminate a halo. Smooth raster edges can legitimately use partial transparency. A hard-edged result may solve the pale fringe while making curves visibly rough.

Further reading: Adobe: fringe pixels around a selection

5. Check what happens after insertion

If the file passes the colored-layer test, insert that same file into the receiving document or website using its file-upload or image-insertion control. Avoid a screenshot or a copied thumbnail. Place it over an obviously colored background so the result is easy to judge.

When possible, inspect or download the image after the receiving system processes it. If only that copy has a solid background, investigate the upload conversion, export setting or image container rather than editing the source again. The exact fix depends on that application.

A white logo that vanishes on a white canvas is not necessarily broken. Supply a dark-background preview beside it and label the actual file as the white or reversed variant. A preview is useful for recognition, but it must not replace the transparent asset.

A useful client reply
Please download the original PNG and insert that file rather than the message preview. It is the white logo for dark backgrounds. The accompanying preview shows its appearance; the transparent file is the one to place in your layout.

6. Deliver a tested file and a short instruction

Keep the remedy visible in the package: identify the variant, intended background and approved source. The recipient should not have to guess whether a white box is intentional.

  • The downloaded export was tested over light and dark colors.
  • Letter counters and intentional white details are intact.
  • No checkerboard or unwanted background is baked into the image.
  • Edges were checked at the intended display size.
  • The destination app was tested with the actual file.
  • Preview images and transparent assets are clearly distinguished.

Package the approved variants

After checking the source SVG and the resulting exports, use logopack.app to organize the logo package. Keep previews separate from the assets meant for placement.

You can export the supplied demo artwork with a free account while that artwork remains unchanged. Exporting your own artwork requires a paid plan. Open the generator and review pricing before preparing the client package.

Further reading: Open the generator · View plans

PUT IT INTO PRACTICE

Ready to prepare your pack?

logopack.app turns existing SVG artwork into an organized logo package. Preview your files, choose the available export options and check the result before handing it over.

Start with the logo pack generator, explore the sample ZIP, or compare the current plans.

Open generator
← All guidesSuggest a correction