A prior generation of Web content had progressively-loaded images: a low-resolution (and sometimes monochrome) initially, followed by a higher-resolution image

A prior generation of Web content had progressively-loaded images: a low-resolution (and sometimes monochrome) initially, followed by a higher-resolution image. I'm not sure of the specific implementation(s) used, but progressive JPEP (PJPEG) Is A Thing: <https://imagekit.io/blog/progressive-jpeg/ https://imagekit.io/blog/progressive-jpeg/> Lazy-load + progressive JPEG might be a further optimised solution. Then there's the Low-Tech Magazine approach to highly optimised, low-bandwidth dithered images: <https://solar.lowtechmagazine.com/about/the-solar-website/#how https://solar.lowtechmagazine.com/about/the-solar-website/#h...> Dithering is to an extent a design decision, but given that most images are not actually informative but provide site styling and branding, reduced quality on most images isn't a bad trade-off. Where representational fidelity is required, vector formats, line art, SVG, and the like may be more appropriate.