In my site, I have added all images in webp format. All those images are showing properly in Chrome and Firefox browsers, but they do not show properly in Safari.
WebP image format is Not Supported on Safari 11, which means that any user who'd be accessing your page through Safari 11 can see it perfectly. Browser incompatibility may be due to any other web technology apart from WebP image format.
You cannot just change the webp files to make them to work on incompatible Safari versions that do not support it. It will not work. So, for older safari versions, your only solution is to maintain a copy of every image in PNG or JPG format, or use an image CDN to do this automatically for you.
WebP image format on Android Browser is fully supported on 4.4-103, partially supported on 4.1-4, and not supported on 2.3-3 Android Browser versions. WebP image format on Opera Mobile is fully supported on 11.5-64, partially supported on 11-11, and not supported on 10-10 Opera Mobile versions.
Apple already implemented webP/webM support to Safari for iOS and macOS Big Sur. webP and webM is getting a wide spread standard which exist around 10 years.
The webp
format is not supported by Safari as of today, and I'm not sure if it is planned for implementation in the near future. But you can give the browser a choice whether to use webp
or jpg
like so.
<picture> <source srcset=" /uploads/img_small.webp 1x, /uploads/img_big.webp 2x" type="image/webp"> <source srcset=" /uploads/img_small.jpg 1x, /uploads/img_big.jpg 2x" type="image/jpeg"> <img src="/uploads/img_small.jpg"> </picture>
The browsers are smart enough to download and use only the best supported image.
WebP official support has been added in Safari 14 on macOS Big Sur as well as iOS, iPadOS & company.
Source: https://www.macrumors.com/2020/06/22/webp-safari-14
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With