Support WEBP Image Format
complete
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
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.
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.
G
George Shipman
Any update?
N
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.
P
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
planned
Load More
→