The short version: dimensions first, quality second
File size comes from two things: how many pixels there are, and how precisely each one is stored. Scaling a 4000-pixel photo down to 1600 removes 84% of the pixels and more than half the weight, with no visible change β because nothing ever displayed those 4000 pixels. Dropping quality from 90 to 60, on the other hand, saves comparatively little and starts to look noisy.
So the order is always dimensions first, quality second. Both controls are on the image compressor, and the size change is shown immediately.
A table you can copy
| Use | Dimensions | Quality | Format |
|---|---|---|---|
| Image in page content | 1200β1600 px wide | 80 | WebP |
| Hero image | 1920 px wide | 82β85 | WebP |
| Thumbnail | 400β600 px wide | 80 | WebP |
| Email / upload form | 1200 px wide | 85 | JPG |
| Product image | 1200β1600 px wide | 85 | WebP or JPG |
| Do not shrink | 90+ | JPG |
What each quality level looks like
- 90β100: indistinguishable from the original, comparatively heavy. Right for archives and further editing.
- 80β85: most people cannot tell. Size is already well down. This is the default answer.
- 70β79: side-by-side you can spot noise in skies and skin. Usually acceptable.
- 60β69: visible blocking, soft text edges.
- Below 60: thumbnails only.
When to change format instead of lowering quality
If you are compressing a PNG, the quality slider will do nothing β PNG is lossless, so there is no precision to trade away. Your options are smaller dimensions, or a different format. In practice a screenshot PNG converted to WebP shrinks by 50β70%, and photographic PNGs by more than 60%: PNG to WebP does it in one step. Likewise, if your JPG is still heavy, converting it to WebP usually removes another third.
Two details people forget
Metadata. Photos carry a timestamp, camera model and often GPS coordinates. None of it helps the page, all of it costs bytes. Re-exporting through a converter drops it.
Do not re-compress the same file repeatedly. Every JPG save loses a little more. Start from the original each time and compress once.
Try it
Open the online image compressor, drop your files in, set a max width, then move the quality slider β each result shows the before/after size and percentage.