Skip to content
Tooletto

Compress PNG for Web

A preset of Compress PNG

Optimise PNGs for websites: 128 colours with dithering, which is indistinguishable from the original for logos, icons and UI screenshots while cutting file size by more than half. Smaller images are the fastest route to a better Core Web Vitals score.

  • Files never leave your device
  • Free, no signup
  • No watermarks
  • Works offline once loaded
Loading tool…

How to compress png

  1. 1

    Add your PNGs

    Drag PNG files onto the page, browse for them, or paste from the clipboard.

  2. 2

    Choose a colour count

    256 colours is visually lossless for most graphics. Lower it for smaller files.

  3. 3

    Download

    Save each optimised PNG or download the batch as a ZIP.

What PNG is actually for on a web page

On a modern site PNG should be carrying a specific and fairly narrow load: logos, icons, UI screenshots, diagrams, and anything that needs a transparent background. Everything photographic belongs in JPEG or WebP. Sites that fail their performance budget on images are usually shipping photographs as PNG, and no compression setting rescues that — the fix is a format change, not a palette change.

For the assets that genuinely should be PNG, 128 colours with dithering is close to a universal answer. Interface elements and brand marks are built from a small deliberate palette, so halving the available colours removes redundancy rather than information, and the result is pixel-identical to the eye at roughly half the bytes.

Where this sits against SVG and WebP

For a logo or icon that exists as vector artwork, SVG beats any raster format outright: a few hundred bytes of markup, sharp at every zoom level and on every display density, and styleable with CSS. If you have the original vector file, use it. PNG is the fallback for when you do not, or for artwork with effects that do not survive vectorisation.

WebP supports transparency too and is usually smaller than PNG for the same content, with support in every current browser. The reason to still ship PNG is compatibility with software outside the browser — email clients, older design tools, and anything a colleague might open the file in. For assets that only ever render on your own pages, WebP is the better default and this tool has a converter for it.

Have the vector source
Use SVG. It is smaller than any raster export and stays sharp on every screen.
Browser-only raster asset
WebP with transparency. Smaller than PNG at equivalent fidelity.
Needs to open anywhere
PNG, compressed. Universally supported and still lossless.

Frequently asked questions

How does PNG compression work if PNG is lossless?

The PNG container stays lossless — what changes is the image inside it. Reducing the number of distinct colours makes the data far more repetitive, and PNG's built-in deflate compression then packs it much harder. This is the same approach pngquant and TinyPNG use.

Is transparency preserved?

Yes. The alpha channel is left completely untouched, and fully transparent pixels are excluded from the colour palette so they cannot skew it. Logos and cut-out graphics keep clean edges.

Why is the saving smaller than TinyPNG gives me?

Browsers can only write 32-bit PNGs, not true 8-bit palette PNGs, so we capture roughly half of what a native optimiser achieves. In exchange your file never leaves your device and there is no monthly limit. For logos and flat graphics the gap is small; for photographs it is larger.

What does dithering do?

It scatters the rounding error between neighbouring pixels so gradients stay smooth instead of forming visible bands. It costs a few percent of file size and is worth leaving on for photographs and gradients — turn it off for flat graphics and screenshots.

Should I use PNG at all?

For photographs, no — JPG or WebP will be several times smaller at the same quality. PNG is the right choice for logos, icons, screenshots of text and anything needing transparency.