Support WEBP Image Format | Voters

Support WEBP Image Format

complete

PEDW

Support for image format WEBP. This will allow for creating smaller images which are faster loading without losing image quality.

January 15, 2021

This post was marked as

complete

Neil McQuillan

This will go out in the March ecommerce release, we've made WEBP the default for all platform images.

If no conversion format is set on an image, we'll prefer WEBP which means JPG, PNG will be converted on the fly unless manually set with ImageResizer parameters e.g. /jacket.jpg?width=100&format=jpg

This post was marked as

in progress

Neil McQuillan

All, 
I've completed more research into our WEBP support in the new image resizer. Downloading 860 images from Working Class Heroes who take a lot of high quality photos drops the download size from 172MB to 21MB for most web images the quality seems to be as good or higher. Thats using resize tags to take the images to 800x800 width and height. 
Neil

Neil McQuillan

Merged in a post:

Webp image functionality

Clive Gibney

Add webp to the image formats please.

December 13, 2023

Neil McQuillan

Here are some file size changes for a typical product image. 
WEBP 53.8KB
JPEG 120KB
PNG 438KB
Generally we're also finding that the quality is better than JPEG. 
More work to do here, but I can see us making WEBP the default served format next year. 
Feedback on that possible approach is very welcome.

Neil McQuillan

As part of our overhaul of images we wanted to support WEBP, we can now change image formats on the fly which was a stretch goal of our image overhaul. 
For example
https://www.workingclassheroes.co.uk/images//Dannermp1-4.jpg?width=1024&quality=70&mode=crop&quality=60&mode=crop&format=jpg this is served in JPEG format and is 206KB. 
https://www.workingclassheroes.co.uk/images//Dannermp1-4.jpg?width=1024&quality=70&mode=crop&quality=60&mode=crop&format=webp
This is WEBP format loaded dynamically and it reduces the image size to 172KB.
This would allow us to move to serving WEBP for all the main ecommerce images without the requirement for our customers to change or upload new files.

George Shipman

Any update?

Neil Jeffs

Any update on this as its been marked as planned since January 2021?

Ben Kippax

Hi Clive Gibney,

We'd love to but whilst we still support IE11 (which is coming to end-of-life in August) we're not able to just yet. I'll leave this open until such time so we can gather further feedback.

PEDW

Ben Kippax: Duplicate of: https://citruslime.canny.io/ecommerce-website/p/support-webp-image-format
Is it not possible to polyfill in the meantime?
I've used this package before: https://www.npmjs.com/package/webp-hero

Ben Kippax

Hi PEDW:

I like the idea but our Ecommerce site is not an NPM-based application, so in this instance we couldn't use the polyfill provided. There are solutions out there but the added complexity of providing the images in a valid format for the multitude of places images are loaded would present a significant supportability headache for the team and prevent us from making progress elsewhere.

Ben Kippax

marked this post as

planned

→