How to Optimise Transparent PNG Files

Three methods: (1) PNG quantization — reduces colour palette to 256 colours, saves 40–70%, preserves transparency. (2) Lossless WebP — 26% smaller than PNG with identical transparency. (3) Crop to content — removes excess transparent canvas. Any of these individually gives significant savings; combining all three is most effective.

On complex shapes with smooth curves (logos, icons), PNG quantization preserves anti-aliased edges very well because the edge pixels are semi-transparent and the quantizer accounts for them. On very complex graphics with hundreds of colours and gradients, quantization may cause visible banding. Always visually verify after quantization.

SVG is better if the logo was originally created as vector: infinitely scalable, tiny file size (typically 5–30KB), sharp at any size, CSS-styleable, accessible. PNG is needed when: the logo has photographic elements (gradients, textures that can't be represented as SVG paths), the target software doesn't support SVG, or you need to provide a raster file.

Large transparent PNGs usually result from: (1) large canvas dimensions with mostly transparent area — crop to content. (2) 32-bit colour depth — most logos only need 8-bit or indexed colour. (3) Export with unnecessary metadata — strip metadata with an optimiser. (4) Complex gradients or many unique colours that resist quantization.