1. Home
  2. Blog
  3. JPG vs WebP quality settings: what each level really costs in file size
Guide

JPG vs WebP quality settings: what each level really costs in file size

Every converter has a quality slider, and almost nobody knows what the numbers on it mean. Is 80% noticeably worse than 90%? Is 100% worth it? Does WebP's "80" mean the same thing as JPG's "80"?

We stopped guessing and measured. The same five photographs went through ConvertPicto's own JPG and WebP converters at nine quality settings each. For every output we recorded the file size and scored how close it is to the original.

How we tested

  • Photos: five freely licensed sample photographs (NASA and CC0 images bundled with the scikit-image library), from 0.14 to 0.87 megapixels. Saved as lossless PNG first.
  • Conversion: the real PNG to JPG and PNG to WebP pages, running in headless Chromium, with the quality slider set to 40, 50, 60, 70, 80, 85, 90, 95 and 100.
  • Scoring: SSIM (structural similarity, where 1.000 means identical) and PSNR, computed against the original PNG.

One caveat up front: these photos are small, so the absolute sizes in KB are small too. The percentages and the shape of the curve are what carry over to your own images. SSIM is also a proxy for how an image looks, not a replacement for your eyes.

JPG: gentle until 90, then a cliff

QualityAverage sizeShare of the PNGSimilarity to original (SSIM)
40%26 KB4.9%0.859
50%31 KB5.7%0.875
60%37 KB6.7%0.886
70%45 KB8.1%0.898
80%59 KB10.3%0.915
85%73 KB12.5%0.927
90%95 KB15.9%0.941
95%140 KB22.8%0.961
100%372 KB67.0%0.998

From 40% to 90% the average file grows about 3.6 times, from 26 KB to 95 KB, while similarity climbs from 0.86 to 0.94. That is a fair trade.

Then the curve breaks. Going from 90% to 100% multiplies the file by 3.9, to 372 KB, and the 100% file is about 5.3 times the size of the 85% one. Even 95% costs 82% more than 85% for a similarity gain of 0.034. For photos you will view on a screen, the sweet spot sits between 80% and 90%.

WebP: smaller at every setting, with one trap

QualityAverage sizeShare of the PNGSimilarity to original (SSIM)
40%20 KB3.8%0.868
50%24 KB4.4%0.881
60%29 KB5.1%0.893
70%34 KB6.0%0.904
80%48 KB8.0%0.924
85%64 KB10.2%0.939
90%88 KB13.7%0.954
95%127 KB20.0%0.966
100%525 KB86.7%1.000

At the same slider position, WebP files are smaller than JPG files and score higher on similarity. At 80%, WebP averaged 48 KB with SSIM 0.924, against 59 KB and 0.915 for JPG.

The trap is the top of the scale. In Chromium, WebP at 100% switches to lossless encoding. The files average 87% of the original PNG, which is larger than JPG at 100%, and the similarity score is exactly 1.000. If you want a small WebP, stay at 90% or below.

Same quality, how much smaller is WebP?

Slider numbers are not comparable between formats, so we matched files by similarity instead. For each WebP file we interpolated the JPG size that would reach the same SSIM on the same photo.

WebP qualityWebP size as a share of equal-quality JPGRange across the five photos
60%70%58% to 79%
70%69%59% to 78%
80%68%58% to 77%
85%68%63% to 75%
90%71%68% to 75%

On average a WebP came out about 31% smaller than a JPG of the same measured quality. It varies by photo, from 58% to 79% of the JPG's size, so treat the average as a guide rather than a promise.

At 80% quality, per photo:

PhotoPNG originalJPGWebPWebP saving vs JPG
Astronaut415 KB45 KB31 KB30%
Chelsea216 KB23 KB17 KB26%
Coffee439 KB47 KB38 KB20%
Rocket305 KB31 KB24 KB25%
Hubble1,622 KB150 KB132 KB12%

What to use

  • Default: JPG at 80% to 85%, or WebP at 75% to 85%. Past that you pay a lot for differences that are hard to see.
  • Avoid 100%: it is the most expensive setting in both formats and rarely buys anything visible.
  • Need to share widely or email it: JPG still opens everywhere. WebP is smaller and works in all current browsers, but some older apps still cannot open it.
  • Already have a big JPG? Re-compress it instead of converting it. See our guide to reducing image file size without losing quality.
Convert PNG to WebPConvert Portable Network Graphics to WebP — free, no upload
Convert PNG to JPGConvert Portable Network Graphics to JPG — free, no upload
Compress a JPGReduce JPG file size — free, no upload
Everything ran on your own CPU, the same way it does on the live site: no file was uploaded anywhere during these tests, which is the whole point of the tool.

Tools mentioned in this article

More from the blog

We checked all 28 image conversions pixel by pixel
28 conversions, each run in headless Chromium and compared against an independent decoder. What is identical, what is lossy, and why.
4 min read
How big will your image PDF be? We measured it
Page size does not change the file size, but quality does, a lot. Measured PDF sizes from JPG and PNG sources.
4 min read
PNG vs JPG vs WebP: what we measured on photos, screenshots, text and charts
There is no best format, only a best format for each kind of image. Measured sizes and quality scores for photos, screenshots, text and charts.
4 min read
Resize or compress first? Measuring what actually shrinks an image
Image size scales with pixel count, so resizing beats lowering quality. Here are the measured numbers, and the order that works best.
4 min read
Writing a real PNG compressor in vanilla JavaScript (no WASM, no libraries)
Median-cut quantization, Floyd–Steinberg dithering, hand-built PNG chunks, and the four browser traps that cost me an evening each.
6 min read
Are online image converters safe? What actually happens to your files
Most converters upload your file to a server you know nothing about. Here's how to tell which ones do, and when it actually matters.
6 min read
JPG vs PNG vs WebP vs AVIF: which image format should you use?
Five formats, one decision. Here's what each one is actually good at, with a rule of thumb you can apply in ten seconds.
6 min read
How to combine multiple images into one PDF
Every method, on every device — plus the page-size and quality settings that decide whether your PDF is 200 KB or 20 MB.
5 min read
How to make a favicon: every size and format you actually need
Which sizes you actually need, the exact HTML to paste, and the three reasons a favicon usually fails to appear.
5 min read
How to reduce image file size without losing quality
Do these three things in the right order and a 4 MB photo becomes 80 KB with no visible difference. The order matters more than the tools.
6 min read
What is a WebP file, and how do you open one?
Why the internet keeps giving you files you can't open, how to open them anyway, and when WebP is actually the right choice.
5 min read