You open a logo and see a pattern of light grey and white squares behind it. Nothing is broken, and those squares are not in your file.

The Checkerboard Is a Placeholder

Image editors and previewers need to draw *something* where a pixel is transparent. Drawing white would be ambiguous — you couldn't tell a transparent area from a white one. So the convention is a checkerboard pattern: it's visually obvious and can't be mistaken for real content.

So the checkerboard means exactly one thing: those pixels are transparent. If you place that image on a red page, they'll show red; on a photo, they'll show the photo.

Why the Same File Looks Different Everywhere

Because each app decides what to put behind the transparent pixels:

  • Editors and asset viewers → checkerboard.
  • Web browsers → whatever is behind the image element (page background, another image).
  • Chat apps and document editors → often white, sometimes the theme background, which is why a white logo can vanish in dark mode.
  • Old software and some printers → may flatten transparency onto black, which is the classic "my logo has a black box" complaint.

None of these are bugs; they're just different fill decisions about the same alpha channel.

When Transparency Disappears Entirely

  • Saving as JPG removes the alpha channel completely and fills transparent areas with a solid color, usually white. This is permanent.
  • Uploading to a platform that re-encodes to JPG does the same thing without asking — common for avatars and some marketplaces.
  • Flattening in an editor merges everything onto a background layer.

If you need transparency to survive, keep the file as PNG or WebP and check the destination accepts it.

Practical Checks Before You Publish

  1. Preview the image on both a white and a black background. Anything that only looks right on one of them needs work — usually a light halo from the original background.
  2. If the logo is dark and might be shown in dark mode, prepare a light variant too. Transparency solves the box problem, not the contrast problem.
  3. If a platform requires a solid background, flatten it yourself onto a chosen color rather than letting an automatic conversion pick white for you.
  4. Keep the transparent master file. Flattened copies are cheap to regenerate; transparency is not recoverable once it's gone.