Image Transparency: How to Check PNG Alpha Channels

By ZeroFee Tools · October 4, 2026 · 6 min read

A logo looks perfect on your white design canvas, then lands on a dark website header wearing an ugly white box. The culprit is almost always transparency: either the file never had any, or it has semi-transparent edges that looked fine on white and terrible everywhere else. Guessing is how these bugs ship.

The transparency checker scans the alpha value of every pixel via canvas, no sampling or guessing, and reports the exact split: fully transparent, partially transparent (soft edges, shadows) and opaque percentages, with a checkerboard preview for visual proof. If the scan shows your JPEG was the problem all along, the image converter can move it to PNG or WebP first.

How does image transparency actually work?

An alpha channel gives every pixel in a PNG or WebP a transparency value from 0 (fully transparent) to 255 (fully opaque), independent of its color. JPEG has no alpha channel, so every JPEG pixel is fully opaque and JPEGs can never be transparent. The checker tells you this directly instead of reporting fake transparency.

In a PNG or WebP, every pixel carries four values: red, green, blue and alpha. Alpha ranges from 0, fully transparent, to 255, fully opaque. A pixel can be bright red and completely invisible at the same time; the color is there, the alpha just hides it. This is how logos float over any background and how soft shadows fade out.

JPEG has no alpha channel at all, full stop. Every JPEG pixel is fully opaque by definition, which is why a JPEG logo on a colored background always shows its rectangular box. The checker is honest about this: hand it a JPEG and it tells you the format cannot carry transparency instead of reporting fake numbers. Format honesty is a feature, not a limitation.

What do the three transparency percentages mean?

Fully transparent pixels are invisible background areas, opaque pixels are the solid subject, and partially transparent pixels are soft edges, anti-aliasing, shadows and glows. The middle category is where bugs hide: white halos baked into edge pixels look fine on white backgrounds but glow on dark ones. The percentage split shows how much of your image is at risk.

Fully transparent pixels are the invisible ones: the empty areas around a cut-out logo or icon. Opaque pixels are the solid subject itself. The interesting category is the partially transparent middle: anti-aliased edges where the subject fades into the background one pixel at a time, soft drop shadows, glows and feathered selections.

That middle category is where most transparency bugs hide. A logo cut out on a white background often carries a faint white halo in its semi-transparent edge pixels. Invisible on white, it becomes a glowing outline on dark backgrounds. The three-way split quantifies exactly how much of your image lives in that risky middle zone, so you can decide whether the edges need rework before the image ships.

How do I read the checkerboard preview?

The checkerboard is the universal visual proof of transparency: truly transparent areas show the grid, solid areas cover it. If your image shows a solid box on the checkerboard, it was never transparent; the editor was previewing it against white. Combine the visual check with the percentage split to judge edge quality before shipping.

The classic checkerboard preview exists for a reason: it is the universal visual language for transparency. Your image displayed over the gray-and-white grid shows instantly which areas are truly see-through and which are solid. A logo that looked transparent in your editor but shows a solid box on the checkerboard was never transparent; the editor was just previewing it against white.

Use the numbers and the preview together. High fully-transparent percentage with clean edges means a healthy cut-out. A large semi-transparent share warrants zooming into the edges on the checkerboard to check for halos. And zero transparency on a file you expected to be transparent means either the export flattened it or, most commonly, the file is a JPEG wearing a PNG's clothes.

How do I fix an image that failed the transparency check?

If the file is a JPEG, convert it to PNG or WebP and re-export with transparency from your editor; conversion alone cannot invent an alpha channel. If edges show halos, re-cut the subject with defringing or a tighter mask, then re-scan to confirm the fix.

The most common failure is also the simplest: the file is a JPEG. Converting that JPEG to PNG changes the container but cannot create transparency that was never there; the box stays. The real fix happens in the editor: re-export the original artwork with a transparent background, then verify the new file with the checker before it goes anywhere.

Halo edges need a different repair. Defringe tools in most editors replace edge-pixel colors with the subject's interior tones, killing the white or colored fringe. A tighter mask or reduced feathering prevents the problem at the source. After any repair, re-scan: the semi-transparent percentage should drop and the checkerboard should show clean edges. Trust the numbers, not your memory of what the file looked like on white.

How to check image transparency in 4 steps

1. Upload your PNG or WebP. Drop the file onto the checker. Every pixel is read locally via canvas; nothing is uploaded.
2. Run the alpha scan. The tool reads the alpha value of every single pixel, with no sampling or guessing.
3. Read the three-way split. See exact percentages of fully transparent, partially transparent and opaque pixels.
4. Inspect the checkerboard. View your image over the classic transparency grid for visual proof of what is truly see-through.

6 practical tips for clean transparency

• Test on the real background. Preview transparent graphics against the actual background color they will sit on, not just the checkerboard.
• Zoom into the edges. A high semi-transparent percentage means checking edge pixels for white or colored halos from the original background.
• Never trust a JPEG for transparency. If the scan reports zero transparency on a JPEG, convert to PNG or WebP with the image converter and re-export properly.
• Re-cut halos at the source. Edge halos are baked into pixels; fix them in your editor with defringing or a tighter mask, then re-scan.
• Prefer WebP for web transparency. WebP carries full alpha like PNG in smaller files, ideal for transparent graphics on fast pages.
• Check favicons and icons. Small icons with broken transparency look unprofessional at 16 pixels; verify them with the favicon checker after scanning.

Frequently asked questions