5 min read
Andrew McGrath

Webflow now supports WebP images for faster websites!

Written by
Andrew McGrath
Published on
July 18, 2022

What is Webp?

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.

Subscribe to newsletter

Subscribe to receive the latest blog posts to your inbox every week.

By subscribing you agree to with our Privacy Policy.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Home
Reviews
Ynvisible
Blog
Contact

Suggested articles

25 Ways your website can make more money 🤑

Get ready to boost your earnings with our handy cheat book! Inside, you'll discover 25 sneaky ways to increase your website's revenue. Tried and true methods only, enter your details below:

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Close