There are 3 versions of the same image shown below – click the medium size version of each to see the full version.
- First version 2,000 px wide by 1,333 px high. This is wider than most screens, so your browser will probably resize this one for you automatically to fit your window. It is 880KB in filesize.
- Second version resized to 800 px wide by 533 px high (will fit your screen) – just reducing the physical size (no drop in quality) drops the file size to 196KB
- Third version leaves it at 800 px wide but drops the file quality so the filesize is only 80KB.
Could you tell the difference if you didn’t know which was which? And yet your website visitors would certainly know the difference if you litter your website with large files.