This one is a <Picture> tag with two <source> srcset and an <img> as fallback.
All the images come from an AWS bucket so not using webflow's native asset manager.
This one is a <Picture> tag with two <source> srcset and an <img> as fallback.
All images from webflow's native asset manager. The trick is renaming webp images as IMAGE_NAME.webp.txt to upload.
<picture>
<source srcset="{IMAGE LINK}.webp.txt" type="image/webp">
<source srcset="{IMAGE LINK}.jpg" type="image/jpeg">
<img class="picture-tag" src="{IMG LINK}.jpg">
</picture>
<source srcset="{IMAGE LINK}.webp.txt" type="image/webp">
<source srcset="{IMAGE LINK}.jpg" type="image/jpeg">
<img class="picture-tag" src="{IMG LINK}.jpg">
</picture>
This is the linked jpeg image.
This is the webflow's .webp.txt
This is the AWS .webp