What Is PNG Quantization?
PNG quantization reduces the number of colors in a PNG image — typically from millions (24-bit) down to 256 or fewer (8-bit palette). This is the same technique used by pngquant, one of the most popular PNG optimization tools. Our tool runs the exact same libimagequant engine compiled to WebAssembly, so it works entirely in your browser with no server uploads.
Understanding the Controls
- Quality Min/Max — Sets the acceptable quality range (0-100, similar to JPEG quality). The optimizer will use the fewest colors possible while staying within this range. A max of 80 with min of 0 works well for most images.
- Max Colors — Limits the palette size (2-256). Fewer colors means smaller files but more visible banding. 256 lets the optimizer decide; lower values force aggressive compression.
- Speed — Trade quality for processing speed (1-10). Speed 1 produces the best results but takes longer. Speed 4 is a good default.
When to Use PNG Optimization
PNG quantization works best for:
- Screenshots and UI graphics — These often have limited color palettes and compress extremely well, sometimes achieving 60-80% file size reduction.
- Icons and logos — Simple graphics with flat colors are ideal candidates.
- Charts and diagrams — Data visualizations with limited colors compress well.
- Web assets — Reducing PNG sizes improves page load times significantly.
For photographs, JPEG or WebP formats are usually more appropriate since they handle gradients better than palette-based compression.
Frequently Asked Questions
Is my data uploaded to a server?
No. Everything runs locally in your browser using WebAssembly. Your images never leave your device.
How is this different from the Image Compressor tool?
The Image Compressor uses the browser's built-in Canvas API for basic compression across formats (JPG, PNG, WebP). PNG Optimizer Pro uses libimagequant (the engine behind pngquant) compiled to WASM, giving you much better PNG-specific compression with fine-grained control over quantization parameters.
Will the optimized image look different?
Quantization is a lossy process — it reduces colors. At high quality settings (70-100), differences are typically imperceptible. At lower quality or with very few colors, you may see banding in gradients. The before/after size comparison helps you find the right balance.