0

WebP Images Google Safari Image Optimization

We are using Amasty Google Page Speed Optmization Extension for Magento 2 which has Image Optimization options - There are options to covert images to webp format - which is preferred by Google but I have read that webp format is not supported by safari apple browser devices -

So I am confused if I do convert all images to webp format does this mean they will not show in safari browser or they will show the normal image i.e. .jpg .png .gif etc in safari and the webp images in google or other browser that support this image format

Improve this question
5
  • Ask Amasty if they handle fallback on JPG if WebP is not supported on the visitor browser. Quick remember for compatibility: caniuse.com/#feat=webp
    – Jonathan Ribas
    Commented Aug 29, 2020 at 13:51
  • 1
    thanks will check do you know any extension which have fallback to jpg plz
    – jt9489
    Commented Aug 29, 2020 at 13:57
  • Never used it but they say it does the job: marketplace.magento.com/jajuma-module-webpimages.html
    – Jonathan Ribas
    Commented Aug 29, 2020 at 14:00
  • Nice spot that looks the business will try and update
    – jt9489
    Commented Aug 29, 2020 at 14:37
  • I checked with amasty and they confirmed that it already has the fallback option for safari browsers its called User Agent so will test it out thanks
    – jt9489
    Commented Aug 31, 2020 at 12:04

1 Answer 1

Reset to default
0

WebP has such a nuance - not all browsers support it. For example, iOS Safari, regular Safari, IE - do not support WebP. https://caniuse.com/#feat=webp Therefore, you must always store at least two versions of each image. Webp (for WebP-enabled browsers) and original image. And give the right version depending on the browser. And the original image must also be optimized/compressed - so that even for browsers without WebP support, images will be optimized (lighter in weight) - this is the third! version of the file.. At the optipic service, I recently noticed a new functionality in which all of this is already in the box. https://optipic.io/en/cdn/ You can even connect everything so that the urls of the images do not change (they remain exactly the same and look like internal urls on my site). But in fact, they are loaded through their system with automatic compression, conversion to webp and recognition of webp support. It turns out that everything is simple and beautiful, and inexpensive))

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.