Know Your Media!

"Virtually every web page depends on images"

(Web Almanac Report, 2019)

On this page you will find ... counting ... examples. Each of them are displaying the same image, however different tools were used to transform and optimise them.

Below each image you can find more information, such as the actual vs the displayed dimension, the size (weight) and the content type.

Learn more about the optimisation techniques and the information show by expanding the panels.

CSS only

(note: large image, load time could be long)

ImageOptim

Sharp

Cloudinary

Photoshop

Jimp