Using Webp images on Webflow

Hi, I understand Safari doesn’t support Webp images yet. I wanted know if there was a way to set up Webflow so that an alternative image would be used for browsers that don’t support Webp?

Thank you.

Howdy @RyanUK! Welcome to the community :wave:

Safari has had support (albeit limited initially) since v14, but now it’s fully supported across all major browsers:

hi @mikeyevin in my experience webp is not supported on at least on Safari 15.6.1. that is max I can get on one of my old Mac that has Catailna. All webp show small icon as when img links are broken. Maybe webp support was added to Webkit but not Safari. On newer laptop with Safari 16.2 Monterey all webp works as expected.

That’s correct, for some reason it not only requires Safari v14 but also requires MacOS 11 (Big Sur) or later:

That said, Apple traditionally has very high adoption rates for new versions of their OS and it looks like Big Sur is compatible with some fairly old devices:

  • MacBook (2015 or later)
  • MacBook Air (2013 or later)
  • MacBook Pro (Late 2013 or later)
  • Mac mini (2014 or later)
  • iMac (2014 or later)
  • iMac Pro (2017 or later)
  • Mac Pro (2013 or later)

Apple is known for having very high adoption rates for new OS releases (much more so than Windows) so I would imagine the majority of MacOS users are running Big Sur or later and/or using something like Firefox or Chrome.

There are metrics online that reflect this trend, although with the release of Big Sur it became difficult to accurately measure — so these charts incorrectly show Catalina as having ~88% market share:

Yeh I know :wink: my good oldie is 2012 but still do I need as for coding I need only code editor and it is still pretty “snappy” with Affinity graphical apps. That said I’m looking forward to new mac I’m planing to buy in February and my oldie will get his honourable place next to their younger mates for back compatibility checks. :joy:

Anyway, is good practice to made webp -> jpeg fallback for another few years to follow despite of new technologies to come .