Compare file size alongside the detail you need. Start with the full photograph, then inspect texture and outlines in matching enlarged crops. The same quality setting does not imply equal quality across formats.
A landscape sample shows the byte difference
The operator-supplied landscape illustration was exported at the same 1024×1536 pixels: original 3,145,024 B, JPEG Q80 389,394 B, WebP Q80 340,178 B. Dimensions are unchanged.
Compare the same region side by side
Inspect identical mountain and tree regions when differences are hard to see in the whole image. Equal quality numbers do not establish equal perceived quality.
Actual bytes for nine exports
These local Canvas outputs use one landscape illustration. Equal settings across formats are not equal-quality scores.
| Format | Quality | Bytes |
|---|---|---|
| jpeg | 40 | 196,040 B |
| jpeg | 60 | 258,846 B |
| jpeg | 80 | 389,394 B |
| jpeg | 95 | 790,715 B |
| webp | 40 | 175,646 B |
| webp | 60 | 232,778 B |
| webp | 80 | 340,178 B |
| webp | 95 | 717,292 B |
| png | lossless | 3,393,628 B |
Why can quality 95 grow sharply?
Quality and bytes are not proportional. Start near 80 for a small display and raise it when an important detail needs better preservation.
A PNG resave can also grow
Lossless pixels do not guarantee fewer bytes. This PNG resave measured 3,393,628 B, larger than its source.
Applying the result to your file
Choose a supported destination format, then inspect the details that matter. One landscape does not determine the ranking for portraits, noisy night images or transparent logos.
Test conditions and reproduction
One landscape exported with nine settings
- 1
One operator-supplied 1024×1536 landscape illustration was used.
- 2
A local image encoder saved the files. Browser encoders may produce different byte sizes.
Raw reproducibility records (JSON)
The main results are explained above. These raw records contain processing conditions and file hashes. Opening a link displays JSON text, not an illustrated article.
Choose for compatibility and needed detail
Choose an accepted format, then inspect the needed detail in an export near quality 80. If it is sufficient, a larger setting may add no useful value; otherwise adjust from the source. Transparency and text preservation may call for a different choice than the photo’s byte ranking.