Webflow accepts the WebP format!

Documentation
3 min
Published on Mar 20, 2023
Updated on
Webflow logo with WebP logo
Use AI to summarize this article
Key points

It's a celebration 🎉

Webflow now supports the WebP format 🚀

The WebP format is a modern alternative to standard image formats: (jpeg, jpg, png, gif, etc.) created by Google. The WebP image format often provides better compression than PNG or JPEG formats.

WebP image format in Webflow assets

Why use the WebP format?

Using the WebP format allows you to maintain good image quality while reducing their size by 25 to 30% compared to a compressed PNG image. This translates to faster loading times and reduced data consumption for your website.

The results?

  1. Webflow sites that will load (even) faster! And Google Lighthouse appreciates that, as it's considered a next-gen format.
  2. Sites that are less harmful to the environment! 🌱

To learn more about eco-friendly websites, read our article on the topic.

Lighthouse Audit: serve images in next-gen formats

Is the WebP format supported by all browsers?

According to data from caniuse.com, the WebP format currently has a global acceptance rate of 94% (compared to 99.53% for PNG). It is supported by popular browsers such as Google Chrome, Safari, and Firefox.

WebP image format browser support
Global = 93.81%
PNG format support browser
Global = 99.53%

How to convert my images to WebP format?

Use the free tool Squoosh.app!

The application allows you to...

  • resize,
  • compress,
  • convert

... your visuals of all sizes in just two clicks and free of charge!

Compression of a PNG by 92% by converting it to WebP
92% compression of a PNG -> WebP

The tool is user-friendly and accessible online without needing to create an account.

Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

Abstract illustration representing the concept of server-side tracking
Documentation
Development

Understanding Server-Side Tracking Made Simple

Understanding Server-Side Tracking Made Simple
Illustration representing a Proof of Concept through visual explorations and creative references
Documentation
Development

Proof of Concept (POC): validating an idea before investing in a website

Proof of Concept (POC): validating an idea before investing in a website
photo of a European financial institution with European flags flying in the air and financial regulation terms: GDPR, MiFID II, AMF, PSD2, DORA, ORIAS
Documentation
Development

CGPs, VCs, Funds, Banks: What are the rules for Financial Website Compliance?

CGPs, VCs, Funds, Banks: What are the rules for Financial Website Compliance?

Want to turn your website into your most valuable asset?

Contact us today