Compress existing image assets with the built-in WebP conversion tool.
There are five ways to add WebP images to a site, and even an extra way to convert things to WebP where it makes sense. The first is to hand code it. And frankly, I don’t know what’s more impressive: the fact that I memorized that filename or that I typed it that fast with my left pinky and right elbow.
Two is in Webflow: go to Assets, press the button that looks like Upload. Select something (or multiple somethings). And Open.
Three is by dragging and dropping from a folder or from my desktop — and boom. Lots of WebPs.
Four. CMS. Same way, click and drag, I could also use a CSV but, frankly, I don’t want to break my rhythm.
And five. Oh, number five.
Fabulous. And the extra way? How I can convert to WebP? In my assets, I can go in and expand the panel. This is what I call SuperMode. And I just select whatever images I want to convert and then I just, honestly, well, I press this compress button.
What’s happening behind the scenes? If WebP conversion will yield a smaller file size? Conversion takes place. If not? It won’t convert.
The big benefit here is I just reduced my total asset size by like 300,000%, except it's not that at all. It's 3,000%, except it's not that either. And just as a note, all instances of this asset throughout my site have been updated with the compressed version. Now — we have tons of info about why and when we should use WebP over on Webflow University. So check out that article if you haven’t done that already.
But those are the six main things: hand code, upload button, drag and drop, CMS, whatever number 5 was, and BY sheer will. AKA asset conversion from something like PNG or JPEG to WebP.
WebP. A 15-minute call could save you 15% or more on car insurance.
The WebP image file format (e.g., “image.webp”) retains most of an image’s high quality while compressing it into a smaller file size. This helps web pages load faster and saves website storage space. However, keep in mind that the WebP file format isn’t supported on all browsers and email clients yet. Check which browsers support WebP.
Using the built-in Webflow conversion tool, you can compress existing image assets (JPEG, JPG, PNG, and WebP assets) by converting them to WebP files. This will convert the asset’s file type in both the Assets panel and any instances of that asset on the canvas.
To convert assets to WebP files:
You can keep working in the Designer (or you can exit the Designer) while you wait for your assets to convert. After you convert your assets, make sure you republish your site.
Important: When you convert existing assets to WebP, the original asset files will be replaced by the WebP asset. If you want to keep the original image file (e.g., PNG, JPEG, etc.), ensure you have a backup first or download them from the Asset panel before converting. You can't convert a WebP image back to its original file extension in Webflow. However, if you accidentally convert existing assets to WebP without saving the original files, you can access your original assets by restoring a site backup that contains the original assets.
If an asset fails to convert, it may already be compressed as much as possible. You won’t be able to convert fully compressed files.
Something went wrong while submitting the form. Please contact support@webflow.com