# How to reduce total image weight

> Images are usually the heaviest part of a page. Compress, resize and use modern formats to cut their weight by half or more.

Best practices · HTML version: https://getreport.app/learn/image-weight

## Total image weight

Passing looks like: Total image weight passes.

**Why it matters.** Images are usually the heaviest part of a page. Over 1.5 MB in total, or a single image over 500 KB, adds seconds on mobile and costs visitors real data.

**How to fix it.**

1. Resize images to the size they are shown at (a 400 px wide photo does not need a 4000 px file).
2. Convert to WebP or AVIF and compress to about 80 % quality; CMS plugins and CDNs can do this automatically.

## Heavy image files

Passing looks like: Heavy image files passes.

**Why it matters.** A single image over a few hundred kilobytes takes longer to download on mobile than the rest of the page. Uploading the original camera file is the usual cause.

**How to fix it.**

1. Export each listed image at the size it is displayed and save it as WebP or AVIF at about 80 % quality.
2. Let your CMS or CDN resize on upload so this does not come back with the next photo.

Check your own page: https://getreport.app/