Latest Image formats for Web

Posted in Notes on 1 March 2023

There are a number of new image formats that have been developed in recent years to improve the performance and quality of images on websites.

One of the most popular new formats is WebP. Developed by Google, WebP is a lossy and lossless image format that provides a smaller file size compared to JPEG and PNG, while still maintaining high quality. This means that WebP images can be loaded faster and use less bandwidth, making them well-suited for use on websites.

Another popular new format is AVIF. AVIF is a new image format that is based on the AV1 video codec and promises the same or even better compression rates than WebP. AVIF is able to compress images to smaller file sizes than JPEG and PNG, while maintaining the same or better visual quality. It also support for transparency, animation, and high dynamic range.

Another format that is gaining popularity is JPEG 2000. This format has been around for a while but it’s not widely adopted yet. JPEG 2000 offers better compression than JPEG, resulting in smaller file sizes and better quality images. It also includes support for lossless compression, which means that images can be compressed without losing any quality.

JPEG XR is another format that is similar to JPEG 2000, it was developed by Microsoft and offers better compression than JPEG. It also supports lossless compression and high dynamic range images.

All these image formats are designed to be used on websites and are supported by most modern browsers. However, it’s worth noting that support for these image formats is not universal, so you may need to provide fallbacks for browsers that do not support them.

The latest image formats such as WebP, AVIF, JPEG 2000 and JPEG XR are designed to improve the performance and quality of images on websites. These formats offer smaller file sizes and better quality images compared to older formats such as JPEG and PNG. However, support for these formats is not universal, so it’s important to provide fallbacks for browsers that do not support them.

Converting to the latest image formats

Content management systems like WordPress and Magento can be easily updated to take advantage of the latest image formats without having to manually update each image:

Related Notes Posts

February 2024

Animated SVGs (Scalable Vector Graphics)

Animated SVGs, Scalable Vector Graphics, are increasingly popular choices for adding dynamic elements to websites. Their scalability, lightweight nature, and flexibility make them attractive options... Continue reading

December 2023

Using Scalable Vector Graphics (SVGs)

Scalable Vector Graphics (SVGs) have revolutionised website design, offering unparalleled flexibility, scalability, and interactivity. As versatile graphic elements, SVGs can enhance the visual appeal and... Continue reading

September 2023

Designing websites for accessibility

In the ever-evolving landscape of web design, the balancing act between accessibility and aesthetic appeal remains a crucial consideration. As the digital realm becomes increasingly... Continue reading

More Notes Posts