Compress PNG Images Without Flattening Transparency

Prepare PNG-specific choices for logos, screenshots, interface assets, and transparent graphics.

Choose PNG images

Static PNG files; APNG is not accepted in this release · File limit: 20 · 5 MB per file

Transparency-aware compression

Make PNG Files Smaller Without Flattening the Design

Choose a PNG strategy that respects transparent edges, crisp text, and flat-color graphics.

Compress PNG
Alpha

Keep transparency

Preserve transparent and partially transparent pixels.

Lossless

Protect decoded colors

Optimize the encoding without intentionally changing pixel values.

Palette

Reduce color variety

Use fewer colors when logos or UI assets can tolerate it.

Static

Avoid lost animation

Animated PNG files stay outside this workflow.

The smallest PNG is not useful if transparency or clean edges are lost.

PNG anatomy

Protect alpha, edges, and color structure

A PNG may combine opaque pixels, partial transparency, text, and flat-color regions. Those properties deserve separate inspection rather than a photographic compression preset.

Alpha

Keep transparent pixels intentional

Test antialiased edges on light and dark backgrounds so flattening or halos cannot hide in a single preview.

Color

Inspect gradients and small text

Palette changes can affect smooth tones and one-pixel details even when a distant thumbnail appears acceptable.

Inspect

Compare the source and exported file

View the exported PNG against both light and dark backgrounds. Check small text, flat colors, gradients, and partially transparent edges.

PNG strategy

Choose exact pixels or a reviewed palette change

PNG graphics can need transparency, crisp edges, and stable colors. Decide whether decoded pixels must remain exact before considering a reduced color palette.

Exactness

Prefer a verified lossless path

Use it when contractual colors, interface pixels, or transparent edge values must survive without decoded changes.

Palette

Reduce colors only after review

Flat artwork may tolerate fewer colors, while gradients, screenshots, and textured illustration can show visible banding.

Next task

Choose a related tool when needed

Use a JPG workflow for an opaque photograph only when transparency is unnecessary. Keep PNG when the image needs transparent pixels.

Check your result

Check transparent edges and small details

View the exported PNG against both light and dark backgrounds. Check small text, flat colors, gradients, and partially transparent edges.
Soft edges

Check soft edges

Place the PNG on light and dark backgrounds to reveal fringes around hair, shadows, or antialiased text.

Flat colors

Check flat colors

Inspect logos and interface graphics for changed brand colors or lost shades. Palette reduction can affect these areas differently from photographs.

Exact pixels

Check exact pixels

If exact pixels are required, compare decoded pixel values rather than file bytes. A smaller PNG is not by itself proof of a lossless result.

Frequently asked questions

  • The PNG workflow is designed around preserving alpha transparency. Verify the real processed output in VisionStory before replacing an original asset.