Quality and bytes

One 800 by 533 photograph, encoded at five quality settings in three formats. Lower the quality and watch the bytes fall, then look at the crop for the point where the damage starts to show.

The daisy as JPEG at quality 10.
JPEG, quality 10
The daisy as WebP at quality 10.
WebP, quality 10
The daisy as AVIF at quality 10.
AVIF, quality 10
The daisy as JPEG at quality 30.
JPEG, quality 30
The daisy as WebP at quality 30.
WebP, quality 30
The daisy as AVIF at quality 30.
AVIF, quality 30
The daisy as JPEG at quality 50.
JPEG, quality 50
The daisy as WebP at quality 50.
WebP, quality 50
The daisy as AVIF at quality 50.
AVIF, quality 50
The daisy as JPEG at quality 70.
JPEG, quality 70
The daisy as WebP at quality 70.
WebP, quality 70
The daisy as AVIF at quality 70.
AVIF, quality 70
The daisy as JPEG at quality 90.
JPEG, quality 90
The daisy as WebP at quality 90.
WebP, quality 90
The daisy as AVIF at quality 90.
AVIF, quality 90

Photograph: Macro flower wallpaper, Free Nature Stock, CC0.