Firstly, we need to understand fully what the WebP file format is. When we upload images to use inside Webflow they are usually uploaded in .JPG file format to ensure good picture quality and file size. The file size of images in your website is important because it has an overall impact on how fast your website loads, affecting both user experience and site performance scores. WebP was created by Google as a replacement for other image file formats like .JPG .PNG and .GIF. It’s great too because it supports animation and transparency, transparency only previously being supported by .PNG file format (if you want to overlay images on top of each other with transparent backgrounds but they usually had a higher file size.) Google first announced the WebP file format in September 2010, then went on to release the first version of it in April 2018.
Why is it better?
Google's measurements in November 2011 found that a conversion from PNG format to WebP resulted in a 45% reduction in file size when starting with PNGs found on the internet. WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP means that we can create smaller images that make your website faster. Overall WebP images are 26% smaller in size compared to PNGs.
What does this mean moving forwards?
It means that into the future we can utilise this file format in websites to ensure pages perform even better than before (Our Webflow websites were already lightning fast!)
What is next?
Is your current website not performing great? Get in touch with the studio team today for a FREE review of your website to see how we can increase your results, user experience and site performance.