Поддержка формата webp в firefox?

Question

[MeylisDay]

Общеизвестная проблема о том, что лиса не поддерживает формат webp. Как фиксить?

Answer 1

[Helen Izotova]

мне больше нравиться такой способ решения проблем с поддержкой формата webp например
< picture >
< source srcset="img.webp" type="image/webp" >
< source srcset="img.png" type="image/jpeg" >
< img src="img.png" >
< /picture >

Comments

[I_am_Saney]

особенно < source srcset="img.png" type="image/jpeg" >
:)

Answer 2

[Сергей]

Отдать формат, который поддерживает https://www.sitepoint.com/implementing-cross-brows...
В частности

• mp4
  
• webm
  
• ogg
  

Браузер сам решит что ему брать

Comments

[MeylisDay]

на уровне html - ладно, а если стоит бэкграундом в css?

[Сергей]

MeylisDay, Блин, я думал вы о видео, а вы о картинках. Про картинки хз. Использовать жипег и пнг пока не завезут)

[MeylisDay]

Сергей, еще могут долго не завезти, но есть вроде какие-то способы обойти это..

[Сергей]

MeylisDay, https://habrahabr.ru/post/275735/ это вы наверно уже читали и не помогло

[MeylisDay]

Сергей, ага, читала, там есть очень содержательный абзац о том, что есть три способа поддержки этого формата(в лисе) и на этом все.

[Сергей]

MeylisDay, И не один не подошел?))

[MeylisDay]

Сергей, там только написано, что они есть, нет описания их применения.

[Сергей]

MeylisDay,

1) мы включили WebPJS, полифилл размером 67Кб, создан...

2) Следующий подход был в использовании Picturefill, ...

3) Последний тест было в использовании файла .htacces....

Так должно быть понятней)))

[MeylisDay]

Сергей, первую ссылку видела, но не юзала еще, позже гляну, спасибо, в 4 часа уже пара бы поспать.

Answer 3

[Roman Sippel]

Очень просто "фиксится" на бэкграундах:
https://css-tricks.com/using-webp-images/#article-...
По ссылке - целевой кусок статьи как "фиксить" изображения для фонов с помощью библиотеки полифилов modernizr.
Далее, идем в библиотеку и "билдим" наш полифил - https://modernizr.com/download?webp-setclasses&q=webp
По ссылке уже готовый, только нажать Build, скачать и подключить. Если кажется запутанным, то скачайте js из примера на codepen.

Comments

[Roman Sippel]

Да, уточню. Фикс не "чинит" лису. Лишь дает возможность подключить другие версии изображения для поддержки пользователей firefox. Остальные браузеры получат webp. Вы же это, вроде, искали?