Skip to main content

Serve images in modern formats

Description

Images are a key element in modern websites and are widely used. Modern image formats can help to reduce bandwidth, storage and computing requirements on the displaying device.

There are several new image formats to choose from, for example WebP and AVIF. All new formats provide better compression ratio, increased quality and more features than traditional formats. For example, WebP offers around 30% smaller files sizes than JPEG, with no drop in quality.

Solution

Test which image format give the best compression ratio, visual quality and device coverage for the website use cases. Use the best image format to serve the images on the website.

SCI Impact

SCI = (E * I) + M per R Software Carbon Intensity Spec

Concerning the SCI equation, the new image formats will impact SCI as follows:

  • E: Reducing the amount of emissions by reducing time spent on transfering and processing images

Assumptions

  • The ability to use modern web browsers which support modern image formats.

Considerations

  • Consider minification to reduce emissions on other resources.

References