Compress PNG Images Without Flattening Transparency
Prepare PNG-specific choices for logos, screenshots, interface assets, and transparent graphics.
Drop PNG images here
PNG (not APNG) · up to 20 files · 5 MB each
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.
Keep transparency
Preserve transparent and partially transparent pixels.
Protect decoded colors
Optimize the encoding without intentionally changing pixel values.
Reduce color variety
Use fewer colors when logos or UI assets can tolerate it.
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.
Keep transparent pixels intentional
Test antialiased edges on light and dark backgrounds so flattening or halos cannot hide in a single preview.
Inspect gradients and small text
Palette changes can affect smooth tones and one-pixel details even when a distant thumbnail appears acceptable.
Inspect alpha transparency and palette behavior directly
Read alpha transparency and palette behavior from the actual source and output; do not infer technical properties from the extension, preview, or control label alone.
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.
Prefer a verified lossless path
Use it when contractual colors, interface pixels, or transparent edge values must survive without decoded changes.
Reduce colors only after review
Flat artwork may tolerate fewer colors, while gradients, screenshots, and textured illustration can show visible banding.
Keep alpha transparency and palette behavior within scope
Keep alpha transparency and palette behavior as the page's central decision, and route neighboring compression, conversion, timing, or editing needs to their dedicated tools.
PNG proof
Verify transparency and decoded-pixel behavior
Use one authorized transparent logo and one interface screenshot. VisionStory outputs must be inspected before lossless, transparency, or reduction claims are published.Inspect the channel, not only a thumbnail
Record source and output alpha state, dimensions, settings, bytes, and light-versus-dark edge previews.
Document the comparison method
When using a lossless label, compare decoded pixels and identify the production encoder, version, and date.
Publish exceptions with the method
Record unsupported cases and failed checks alongside successful fixtures so alpha transparency and palette behavior remains reproducible rather than becoming a universal marketing claim.
Frequently asked questions
The PNG workflow is designed around preserving alpha transparency. Verify the real processed output in VisionStory before replacing an original asset.
