FormatNest

Image Optimization

How to Compress Images for the Web Without Losing Quality

6 min read · Performance · June 2025

Page speed is a Google ranking factor. Images account for over 50% of the average page weight. Compressing your images before uploading is one of the highest-ROI optimizations you can make — and it is free.

Target file sizes for web images

  • Hero / banner images — under 200 KB.
  • Product photos — under 100 KB.
  • Thumbnails / card images — under 30 KB.
  • Icons / logos — under 10 KB (or use SVG).

JPG compression settings

Quality 80-85% is the sweet spot for most photos — barely distinguishable from 100% but 60-70% smaller. Below 70%, artefacts become visible at the edges of objects. FormatNest defaults to 82%, which works well for almost everything.

PNG compression

PNG compression is lossless, so compressing a PNG just means optimising how the data is stored. For real size reductions, consider converting to WEBP or JPG if you do not need transparency. PNG Compress applies maximum lossless optimisation.

WEBP: the modern choice

WEBP delivers 25-35% smaller files than JPG at the same visual quality, and it supports transparency like PNG. All modern browsers support it. If you are building a website today, WEBP should be your default.

How to compress images on FormatNest

  1. Open JPG Compress, PNG Compress, or WEBP Compress.
  2. Upload your image (batch upload supported).
  3. Adjust quality if needed, then click Convert.
  4. Download. The page shows you the before/after file size.

Also useful: Resize by KB

If a form or CMS has a strict file size limit, use Resize Image by KB to hit an exact target size.

Image Optimization

Try it now — free in your browser

Compress Images → ← Back to Blog