Как добавить поддержку webp в браузере Safari - PullRequest
Новая
       42

Как добавить поддержку webp в браузере Safari

0 голосов
/ 21 октября 2019

На моем сайте я добавил все изображения в формате webp. Все эти изображения отображаются правильно в браузерах Chrome и Firefox, кроме Safari.

Пожалуйста, помогите.

1 Ответ

0 голосов
/ 16 ноября 2019

Формат Webp не поддерживается Safari, и на сегодняшний день не уверен, запланирован ли он в ближайшем будущем. Но вы можете дать браузеру возможность выбирать, использовать ли webp или jpg следующим образом. 

<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>

Браузеры достаточно умны, чтобы использовать \ загружать только самые лучшие \ поддерживаемые изображения.

...