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
How to compress png
- 1
Add your PNGs
Drag PNG files onto the page, browse for them, or paste from the clipboard.
- 2
Choose a colour count
256 colours is visually lossless for most graphics. Lower it for smaller files.
- 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.
You might also need
Compress JPG
Shrink JPG files without visible quality loss
PNG to JPG
Convert PNG images to smaller JPG files
Resize Image
Change image dimensions by pixels or percentage
WebP Converter
Convert images to and from WebP
Background Remover
Cut the background out of any photo, right in your browser
Color Palette Extractor
Pull the dominant colors out of an image
Crop Image
Drag to crop, with aspect ratio presets
Favicon Generator
Every favicon size plus the HTML to install it