Какие браузеры поддерживают webp
Обновлено: 23.11.2024
Краткий обзор ↬ Изображения составляют большую часть Интернета, но они могут создавать массу проблем для пользователей, если они не оптимизированы или не доставлены должным образом. Прошло почти десять лет с тех пор, как Google представил миру WebP как решение этой проблемы. Поскольку его поддерживают все больше наших браузеров, устройств и программного обеспечения, пришло время веб-дизайнерам принять его в качестве формата изображения по умолчанию.
(Это спонсируемый пост.) Потратьте достаточно времени на запуск веб-сайтов с помощью PageSpeed Insights, и вы заметите, что у Google есть серьезные претензии к традиционным форматам изображений, таким как JPG, PNG и даже GIF. Как и должно быть.
Даже если вы измените размер изображений в соответствии с точными характеристиками вашего веб-сайта и пропустите их через компрессор, они все равно могут снизить производительность и увеличить использование полосы пропускания. Хуже того, все эти манипуляции с изображением могут ухудшить качество изображения.
Учитывая важность изображений для веб-дизайна, мы не можем так легко избавиться от этого элемента и не можем позволить себе срезать углы, когда дело доходит до их оптимизации. Итак, каково решение?
Вот что предлагает Google:
Несколько лет назад компания Google стремилась решить эту проблему, создав формат изображений нового поколения под названием WebP. На этом снимке экрана из PageSpeed Insights видно, что Google рекомендует использовать WebP и другие форматы нового поколения, чтобы значительно уменьшить размер ваших изображений при сохранении их качества.
И если 0,75 секунды кажутся вам небольшими (по крайней мере, в этом примере), они могут иметь большое значение в жизни ваших посетителей, людей, которые сидят и задаются вопросом, сколько времени ждать слишком долго. . Всего на одну секунду загрузки меньше, и ваш коэффициент конверсии может существенно измениться.
Но является ли WebP лучшим решением этой проблемы? Сегодня мы рассмотрим:
-
,
- Каковы преимущества его использования в браузерах и на устройствах
- Какие проблемы возникают при преобразовании и доставке WebP, и
- Как упростить преобразование и доставку с помощью KeyCDN.
Что такое WebP?
Google разработал WebP еще в 2010 году после приобретения компании On2 Technologies. On2 работал над рядом технологий сжатия видео, которые в конечном итоге послужили основой для нового аудиовизуального формата Google WebM и формата изображений следующего поколения WebP.
Изначально в WebP использовалось сжатие с потерями для создания небольших, но все же высококачественных изображений для Интернета.
Сжатие с потерями для WebP
Сжатие с потерями — это форма сжатия, используемая для значительного уменьшения размера файлов JPG и GIF. Однако для того, чтобы это произошло, некоторые данные (пиксели) из файла необходимо удалить или «потерять». Это, в свою очередь, приводит к некоторому ухудшению качества изображения, хотя и не всегда заметному.
WebP появился на рынке благодаря гораздо более эффективному использованию сжатия с потерями (о котором я объясню ниже) и стал долгожданной преемницей JPG.
Вы можете увидеть отличную демонстрацию этой разницы, поскольку KeyCDN сравнивает разницу в размерах файлов сжатого JPG и WebP:
Обратите внимание, насколько существенна разница в размере файла, даже после того, как JPG был сжат до сопоставимого качества. Однако, как объясняет здесь Адриан Джеймс, вы должны быть осторожны со сжатием WebP.
«Настройки сжатия не совпадают один в один с JPEG. Не ожидайте, что JPEG с качеством 50% будет соответствовать WebP с качеством 50%. Качество довольно резко падает по шкале WebP, поэтому начните с высокого качества и постепенно снижайте его».
Учитывая, насколько больше размеры файлов уменьшаются при использовании WebP по сравнению с JPG, это не должно быть камнем преткновения. Это просто то, о чем стоит подумать, если вы планируете еще больше расширить возможности WebP.
С течением времени Google продолжал развивать технологию WebP, в конечном итоге доведя ее до точки, когда она будет поддерживать не только веб-графику с истинным цветом, но и метаданные XMP, цветовые профили, мозаику, анимацию и прозрачность.< /p>
В конце концов Google привнес в WebP сжатие без потерь, превратив его в достойного конкурента PNG.
Сжатие без потерь для WebP
Сжатие без потерь не ухудшает качество изображения в отличие от сжатия с потерями. Вместо этого он позволяет уменьшить размер файла, удаляя лишние метаданные из серверной части файла. Таким образом, качество изображения остается неизменным при уменьшении его размера. Тем не менее, сжатие без потерь не может достичь таких размеров файлов, как сжатие с потерями.
Так было до тех пор, пока не появилось сжатие WebP без потерь.
Вы можете увидеть несколько прекрасных примеров того, как сжатие WebP с потерями и без потерь противостоит PNG, в галереях Google WebP:
Если качество изображений WebP ухудшится, это будет едва заметно вашим посетителям.Единственное, что они действительно заметят, — это скорость загрузки вашего сайта.
Каковы преимущества использования WebP?
Недостаточно сказать, что WebP «лучше», чем JPG и PNG. Важно понимать механизм работы WebP и то, почему в результате его так выгодно использовать по сравнению с другими форматами файлов.
При использовании традиционных форматов изображений сжатие всегда приводит к компромиссу.
Сжатие JPG с потерями приводит к ухудшению четкости и качества изображения. После применения его нельзя отменить.
Сжатие с потерями WebP, с другой стороны, использует так называемое прогнозирующее кодирование для более точной настройки пикселей изображения. Как объясняет Google, действуют и другие факторы:
«Блочное адаптивное квантование также имеет большое значение. Фильтрация помогает на средних/низких битрейтах. Логическое арифметическое кодирование обеспечивает увеличение сжатия на 5-10% по сравнению с кодированием Хаффмана».
В среднем, по оценкам Google, сжатие WebP с потерями приводит к тому, что файлы на 25–34 % меньше, чем файлы JPG того же качества.
Что касается сжатия PNG без потерь, то оно хорошо работает для сохранения качества изображения, но не оказывает такого значительного влияния на размер изображения, как аналог JPG. И уж точно не по сравнению с WebP.
WebP обрабатывает этот тип сжатия более эффективно и действенно. Это связано с разнообразием используемых методов сжатия, а также с энтропийным кодированием, применяемым к изображениям. Опять же, Google объясняет, как это работает:
«Преобразования, применяемые к изображению, включают пространственное предсказание пикселей, преобразование цветового пространства, использование локально возникающих палитр, упаковку нескольких пикселей в один пиксель и замену альфа-канала».
В среднем, по оценкам Google, при сжатии WebP без потерь файлы примерно на 26 % меньше, чем файлы PNG того же качества.
Это еще не все. WebP может делать то, чего не могут другие форматы файлов. Дизайнеры могут использовать кодирование WebP с потерями для цветов RGB и кодирование без потерь для изображений с прозрачным фоном (альфа-канал).
Анимированные изображения, которые в противном случае подаются в формате GIF, также выигрывают от систем сжатия WebP. На это есть ряд причин:
Благодаря этой мощной комбинации сжатия без потерь и сжатия с потерями анимационные видеоролики могут иметь гораздо меньший размер, чем их аналоги в формате GIF.
По оценкам Google, среднее уменьшение исходного размера GIF составляет около 64 % при использовании сжатия с потерями и 19 % при использовании сжатия без потерь.
Принятие WebP среди браузеров, устройств и CMS
Как вы понимаете, когда WebP был впервые выпущен, он поддерживался только браузерами и устройствами Google. Однако со временем другие платформы начали предоставлять поддержку изображений WebP.
Тем не менее, WebP по-прежнему не имеет универсальной поддержки, что может вызвать проблемы у веб-дизайнеров, использующих этот формат изображения по умолчанию.
Давайте посмотрим, где вы можете ожидать полного принятия ваших изображений WebP, а где нет, а затем обсудим, что вы можете сделать, чтобы обойти эту заминку.
На момент написания этой статьи в 2019 году раздел «Могу ли я использовать…» учитывал следующие платформы, поддерживающие WebP:
Поддерживаются последние версии следующих платформ:
- Край
- Файрфокс
- Хром
- Опера
- Опера Мини
- Браузер Android
- Опера Мобайл
- Chrome для Android
- Firefox для Android
- UC Browser для Android
- Самсунг Интернет
- Браузер QQ
- Браузер Baidu
- Интернет-обозреватель
- Сафари
- Сафари для iOS
- Браузер KaiOS
Не только браузеры опасаются перехода на WebP. Программное обеспечение для редактирования изображений и системы управления контентом тоже.
Например, ImageMagick, Pixelmator и GIMP поддерживают WebP. Sketch позволяет пользователям экспортировать файлы в формате WebP. А для программного обеспечения, которое изначально не поддерживает WebP, например Photoshop, пользователи обычно могут установить плагин, который позволит им открывать и сохранять файлы как WebP.
С системами управления контентом ситуация аналогична. Некоторые взяли на себя инициативу по переводу своих пользователей на WebP, независимо от того, загружали они свои файлы в этом формате или нет. Shopify и Wix — это два конструктора сайтов, которые автоматически конвертируют изображения в формат WebP и предоставляют их.
Несмотря на то, что существуют другие платформы, изначально не поддерживающие WebP, обычно существуют расширения или подключаемые модули, которые можно использовать для загрузки изображений WebP или преобразования загруженных изображений в формат следующего поколения.
WordPress — одна из таких платформ. Drupal — еще одна популярная CMS, которая предоставляет пользователям модули WebP, добавляющие поддержку WebP. Magento — еще один.
Довольно редко можно найти какую-либо надстройку, поддерживающую WebP. Единственный известный мне пример, который его не принимает, — это Squarespace.
Проблемы преобразования и доставки WebP
Хорошо, поэтому WebP не имеет стопроцентной поддержки в Интернете. Во всяком случае, еще нет. Это нормально. По большей части у нас есть своего рода обходной путь с точки зрения добавления поддержки инструментов, которые мы используем для проектирования и создания веб-сайтов.
Но что нам делать с частью браузера? Если наши посетители появляются на устройствах iOS, как мы можем убедиться, что они по-прежнему показывают изображение, если наше изображение по умолчанию — WebP?
Во-первых, вам нужно знать, как конвертировать изображения в формат WebP.
В прошлом году интерфейсный разработчик Джереми Вагнер написал руководство для журнала Smashing Magazine именно на эту тему. В нем он рассказывает, как конвертировать в WebP, используя:
- Эскиз,
- Фотошоп,
- Командная строка,
- Баш,
- Node.js,
- глоток,
- Хрюкать,
- веб-пакет.
Любой из этих вариантов поможет вам преобразовать файлы PNG и JPG в файлы WebP. Однако программное обеспечение для редактирования изображений поможет вам достичь цели только на полпути.
Он справится с преобразованием, но не поможет вам изменить исходный сервер, чтобы он знал, когда доставлять WebP, а когда доставлять посетителям изображение в традиционном формате.
Некоторые из этих методов позволяют вам указывать, как ваш сервер доставляет изображения, в зависимости от ограничений браузеров ваших посетителей. Тем не менее, требуется немного работы, чтобы изменить исходные серверы, чтобы это произошло. Если вам неудобно это делать или вы не хотите с этим сталкиваться, у KeyCDN есть решение.
Решение: упростить доставку через WebP с помощью KeyCDN
KeyCDN понимает, насколько важно иметь веб-сайт, который загружается с молниеносной скоростью. Это то, чем занимается KeyCDN. Поэтому неудивительно, что компания разработала встроенное решение для кэширования и обработки изображений WebP, которое помогает разработчикам более легко предоставлять посетителям файлы нужных форматов.
Что такое кэширование WebP?
Это работает следующим образом:
Вот пример того, как это может выглядеть:
Пример запроса типа контента, который KeyCDN отправляет в браузеры, поддерживающие WebP. (Источник: KeyCDN)
Таким образом, для посетителей Google Chrome тип контента: image/webp будет автоматически принят, а кэшированные ресурсы WebP будут доставлены в браузер.
С другой стороны, для пользователей Safari запрос останется непринятым. Но это нормально. Ваш CDN будет знать, какой формат файла отправлять вместо этого. В первой строке приведенного выше примера вы можете видеть, что исходный формат изображения — JPG, так что это версия файла, которая будет доставлена.
Как видите, нет необходимости изменять исходный сервер или подготавливать несколько версий ваших файлов, чтобы обеспечить совместимость с WebP. Кэширование KeyCDN WebP обрабатывает все это.
Как вы используете кеширование KeyCDN WebP?
Пользователи KeyCDN могут воспользоваться функцией кэширования WebP двумя способами.
Обработка изображений через KeyCDN
Для первого требуется лишь щелкнуть выключателем и включить обработку изображений KeyCDN. После включения автоматически загружается заголовок запроса на принятие.
Конечно, службу обработки изображений можно использовать не только для кэширования WebP. Вы можете использовать его для настройки размера, обрезки, поворота, размытия и других физических свойств доставленных изображений. Но если вы пытаетесь упростить систему доставки изображений и просто хотите ускорить работу с помощью WebP, просто включите эту функцию, а KeyCDN сделает всю работу.
Кэширование WebP через исходный сервер
Допустим, вы создали собственные изображения WebP. Вы по-прежнему можете воспользоваться преимуществами решения KeyCDN для кэширования WebP.
Для этого вам необходимо правильно сгенерировать WebP. Опять же, вот ссылка на руководство, в котором показано, как это сделать.
Тогда вам нужно настроить исходный сервер так, чтобы он доставлял WebP только при наличии accept: image/webp. KeyCDN предоставляет несколько примеров того, как это можно сделать с помощью Nginx:
KeyCDN демонстрирует, как можно изменить исходный сервер с помощью Nginx для доставки собственных кэшированных ресурсов WebP. (Источник: KeyCDN)
И с Apache:
KeyCDN демонстрирует, как можно изменить исходный сервер с помощью Apache для доставки собственных кэшированных ресурсов WebP. (Источник: KeyCDN)
Очевидно, что этот вариант дает вам больше контроля над форматами изображений и тем, как они показываются посетителям. Тем не менее, если вы новичок в использовании WebP, вероятно, вам лучше всего подойдет автоматизированное кэширование WebP и обработка изображений KeyCDN.
Альтернатива для дизайнеров WordPress и Magento
Если вы разрабатываете веб-сайты на WordPress или Magento, у KeyCDN есть плагины, которые вы можете использовать для добавления поддержки WebP и кэширования.
Для WordPress вы будете использовать настраиваемый KeyCDN Cache Enabler вместе с Optimus.
Cache Enabler проверяет, есть ли у ваших изображений версия WebP. Если он существует и браузер посетителя поддерживает его, это то, что он предоставит в кэшированном файле.Если он не существует, он просто превратится в JPG, PNG или GIF, который есть.
У разработчиков Magento есть упрощенный обходной путь для преобразования и доставки WebP. Во-первых, вам нужно установить расширение Webp. Затем вам нужно будет настроить двоичные файлы WebP на своем сервере.
Подведение итогов
Есть причина, по которой Google взялся за разработку нового формата изображений и почему все больше и больше браузеров, систем дизайна и систем управления контентом поддерживают его.
Изображения могут создать много проблем для веб-сайтов, которые в противном случае были созданы скудными и подлыми. Если они загружены не в том размере, если они не сжаты и кеширование не включено, ваши изображения могут быть причиной того, что скорость вашего сайта отпугивает посетителей.
Но с WebP ваш веб-сайт будет загружаться быстрее. Более того, нет необходимости искать компромисс между качеством изображения (или количеством!), чтобы получить такую скорость. WebP эффективно сжимает файлы, сохраняя целостность содержимого изображения.
Если вы действительно изо всех сил пытаетесь увеличить скорость своего веб-сайта, WebP должен стать следующим инструментом, к которому вы обратитесь за помощью.
Найдите ответы, руководства и учебные пособия, чтобы повысить эффективность доставки контента.
30 сентября 2010 г. компания Google выпустила формат изображений с открытым исходным кодом под названием WebP. Перенесемся в сегодняшний день: он широко поддерживается большинством браузеров, имеет множество улучшений в кодовой базе библиотеки и используется некоторыми в качестве полной замены изображений PNG и JPEG. WebP обеспечивает коэффициент сжатия без потерь на 26% лучше, чем PNG, и лучший коэффициент сжатия с потерями, который колеблется от 25% до 34%, чем JPEG. Кроме того, WebP поддерживает прозрачность без увеличения размера файла более чем на 22 процента.
Поддержка браузера WebP
По данным caniuse, в настоящее время 79,2 % браузеров поддерживают формат изображений WebP. Это будет включать Chrome, Firefox и Edge. Safari будет поддерживать WebP в версии 14, которая, как ожидается, будет выпущена в сентябре 2020 года. Учитывая, что доля Safari на мировом рынке браузеров составляет почти 17 %, это приведет к тому, что WebP будет поддерживаться практически во всем мире.
Хотя в настоящее время не все браузеры поддерживают формат изображений WebP, важно отметить, что при правильной настройке изображения вашего веб-сайта не будут отображаться в этих браузерах как поврежденные. Вместо этого неподдерживаемым браузерам будет предоставлен формат изображения по умолчанию, например PNG или JPEG, но только в том случае, если вы используете подходящее решение для интеграции WebP. Также важно отметить, какой браузер имеет наибольшую долю рынка (Chrome) и какой процент посетителей вашего веб-сайта использует браузер с поддержкой WebP. Просмотр этой информации должен помочь вам лучше решить, будет ли выгодно конвертировать изображения в WebP.
Хотя в приведенном выше списке показано, какие браузеры в настоящее время изначально поддерживают WebP, стоит также упомянуть, что другие браузеры также могут отображать изображения WebP с помощью своего рода «дополнения». Например, если ваш браузер поддерживает WebM, вы можете использовать оболочку JavaScript, такую как Weppy, для отображения изображений WebP. Кроме того, библиотека WebPJS также может быть реализована в вашем веб-проекте для отображения изображений WebP в браузерах, которые не поддерживают WebP.
Обзор
За последнее десятилетие WebP значительно улучшился, и теперь почти все наиболее используемые браузеры поддерживают формат изображений WebP. Это большое достижение, потому что теперь больше пользователей могут воспользоваться преимуществами, которые WebP, безусловно, предлагает по сравнению с PNG и JPEG. Многие крупные компании, такие как eBay и Facebook, активно используют этот формат изображения, чтобы сэкономить трафик благодаря улучшениям сжатия. Кроме того, поддержка WebP выходит за рамки только веб-браузеров, поскольку все больше и больше CMS и платформ предоставляют пользователям методы доставки изображений в формате WebP.
Поскольку WebP позволяет уменьшить размеры изображений, этот формат делает его очень привлекательным для владельцев веб-сайтов, которые хотят снизить расходы на пропускную способность и повысить удовлетворенность посетителей. Прочтите нашу статью о поддержке WebP, чтобы получить полную информацию о доступности поддержки WebP.
Поддержка WebP
WebP — это формат изображений меньшего размера, разработанный Google, который является альтернативой форматам PNG или JPEG. В последнее время было много путаницы по поводу поддержки WebP и того, с чем именно вы можете и не можете его использовать, например, с поддержкой браузера и CMS. Сегодня мы хотим прояснить все…
Как работает сжатие WebP
Мы много говорили о WebP и о том, как он помогает сократить время загрузки за счет уменьшения размеров изображений без ущерба для качества. Однако мы еще не вдавались в подробности того, как на самом деле работает сжатие WebP. Существуют различные методы в…
Конвертер WebP – онлайн-преобразование файлов
Формат изображений Google WebP, особенно WebP без потерь, может стать отличным решением, когда нужно значительно уменьшить размер ваших изображений при сохранении качества. Мы увидели уменьшение размера изображения на 85 % при преобразовании из JPG в…
Формат изображения (на основе видеоформата VP8), который поддерживает сжатие с потерями и без потерь, а также анимацию и альфа-прозрачность. WebP обычно имеет лучшее сжатие, чем JPEG, PNG и GIF, и предназначен для их замены. AVIF и JPEG XL предназначены для замены WebP.
| Спецификация | https://developers.google.com/speed/webp/ |
|---|---|
| Статус< /th> | Неофициальный / Примечание |
| IE | Edge | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|
| 100 | |||||
| 97 | 99 | ||||
| 96 | 98 | TP (3) | |||
| 11 | 97 | 95 | 97 | 15,2 (3) | 82 |
| 10 | 96 | 94 | 96 | 15,1 (3 ) | 81 |
| 9 | 95 | 93 | 95 | 15 (3) | 80 |
| 8 | 94 | 92 | 94 | 14.1 (3) | 79 |
| Показать все | |||||
| 7 | 93 | 91 | 93 | 14 (3) | 78 |
| 6 | 92 | 90 | 92 | 13,1 | 77 |
| 5,5 | 91 | 91 | 13 | 76 | |
| 90 | 88 | 90 | 12.1 | 75 | |
| 89 | 87 | 89 | 12 | 74 | |
| 88 | 86 | 88 | 11.1 | 73 | |
| 87 | 85 | 87< /td> | 11 | 72 | |
| 86 | 84 | 86 | 10.1 | 71 | |
| 85 | 83 | 85 | 10 | 70 | |
| 84 | 82 | 84 | 9,1 | 69 | |
| 83 | 81 | 83 | 9 | < td >68||
| 81 | 80 | 81 | 8 | 67 | |
| 80 | 79 | 80 | 7.1 | 66 | |
| 79 | 78 | 79 | 7 | 65 | |
| 18 | 77 | 78 | 6.1 | 64 | 17 | 76 | 77< /td> | 6 | 63 |
| 16 | 75 | 76 | 5.1 | 62 | |
| 15 | 74 | 75 | 5 | 60 | |
| 14 | 73 | 74 | 4 | 58 | |
| 13 | 72 | 73 | 3,2 | < td >57||
| 12 | 71 | 72 | 3.1 | 56 | |
| 70 | 71 | 55 | |||
| 69 | 70 | 54 | |||
| 68 | 69 | 53 | |||
| 67 | 68 | 52 | |||
| 66 | 67 | 51 | |||
| 65 | 66 | 50 | < /tr>|||
| 64 | 65 | 49 | |||
| 63 | 64< /td> | 48 | |||
| 62 | 63 | 47 | |||
| 62 | 46 | ||||
| 60 | 61 | 45 | |||
| 59 | 60 | 44 | |||
| 58 | 59 | 43 | |||
| 57 | 58 | 42 | |||
| 56 | 57 | 41 | |||
| 55 | 56 | 40 | |||
| 54 | 55 | 39 | |||
| 53 | 54 | 38 | |||
| 52 | 53 | 37 | |||
| 51 | 52 | 36 | |||
| 50 | 51 | 35 | |||
| 49 | 50 | 34 | |||
| 48 | 49 | 33 | |||
| 47 | 48 | 32 | |||
| 46 | 47 | 31 | |||
| 45 | 46 | 30 | |||
| 44 | 45 | 29 | |||
| 43 | 44 | 28 | |||
| 42 | 43 | 27 | |||
| 41 | 42 | 26 | |||
| 40 | 41 | 25 | |||
| 39 | 40 | 24 | |||
| 38 | 39 | 23< /td> | |||
| 37 | 38 | 22 | |||
| 36 | < td >3721 | ||||
| 35 | 36 | 20 | |||
| 34 | 35 | 19 | |||
| 33 | 34 | 18 (2) | |||
| 32 | 33 | 17 (2) | 31 | 32 | 16 (2) | 30 | 31 (2) | 15 (2) |
| 29 | 30 (2) | 12,1 (2) | |||
| 28 | 29 (2) | 12 ( 2) | |||
| 27 | 28 (2) | 11,6 (1) | |||
| 26 | 27 (2) | 11,5 (1) | |||
| 25 | 26 ( 2) | 11,1 (1) | |||
| 24 | 25 (2) | 11 | |||
| 23 | 24 (2) | 10,6 | |||
| 22 | 23 (2) | 10,5 | |||
| 21 | 22 (1) | 10,0- 10,1 | |||
| 20 | 21 (1) | 9,5-9,6 | |||
| 19 | 20 (1) | 9 | |||
| 18 | 19 (1) | ||||
| 17 | 18 (1) | ||||
| 16 | 17 (1)< /td> | ||||
| 15 | 16 (1) | ||||
| 14 | 15 (1 ) | ||||
| 13 | 14 (1) | ||||
| 12 | 13 (1) | ||||
| 11 | 12 (1) | ||||
| 10 | 11 (1) | ||||
| 9 | 10 (1) | ||||
| 8 | 9 (1) | ||||
| 7 | 8 | ||||
| 6 | 7 | ||||
| 5 | 6 | ||||
| 4 | 5 | ||||
| 3,6 | 4 | ||||
| 3,5 | |||||
| 3 | |||||
| 2 | |||||
| Safari на iOS | Opera Mini | Браузер Android | Браузер Blackberry | Opera Mobile | Android Chrome< /th> | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | < th>Браузер BaiduБраузер KaiOS | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 15.2 | все | 96 | 10 | 64 | 96 | 95 | 11 | 12,12 | 15,0 | 10,4 | 7,12 | 2,5 |
| 15,0-15,1 | 4,4. 3-4.4.4 | 7 | 12.1 | 10 | 14,0 | |||||||
| 14,5-14,8 | 4,4 | 12 | 13,0 | |||||||||
| 14,0-14,4 | < td >4.2-4.311.5 | 12.0 | ||||||||||
| Показать все | ||||||||||||
| 13.4–13.7 | 4.1 (1) | 11.1 | 11.1–11.2 | |||||||||
| 4 (1) | 11 (1) | 10,1 | ||||||||||
| 13,2 | 3 | 10 | 9,2 | |||||||||
| 13,0-13,1 | 2,3 | 8.2 | ||||||||||
| 12.2-12.5 | 2.2 | 7.2-7.4 | ||||||||||
| 12.0-12.1 | 2.1 | 6.2-6.4 | ||||||||||
| 11.3-11.4 | 5.0 -5,4 | |||||||||||
| 11,0-11,2 | 4 | |||||||||||
| 10,3 | ||||||||||||
| 10.0–10.2 | ||||||||||||
| 9.3 | ||||||||||||
| 9.0–9.2 | 8.1–8.4 | |||||||||||
| 8 | ||||||||||||
| 7.0–7.1 | ||||||||||||
| 6.0–6.1 | ||||||||||||
| 5.0–5.1 | ||||||||||||
| 4.2–4.3 | 4.0-4.1 | |||||||||||
| 3.2 | ||||||||||||
Примечания
Под частичной поддержкой понимается отказ от поддержки изображений без потерь, альфа-канала и анимированных изображений WebP.
Под частичной поддержкой понимается отказ от поддержки анимированных изображений WebP.
Частичная поддержка в Safari означает, что она ограничена macOS 11 Big Sur и более поздних версий.
Изображения WebP отображаются в виде сломанного значка изображения в Microsoft Edge v18 в режиме Application Guard, даже если доступен альтернативный исходный формат изображения.
С помощью LambdaTest вы можете протестировать свои веб-сайты в более чем 3000 комбинациях браузеров и ОС на наличие проблем совместимости между браузерами и убедиться, что резервные варианты веб-страниц нормально работают в браузерах, не поддерживающих формат изображений WebP .
БРАУЗЕРНАЯ ПОДДЕРЖКА ФОРМАТА ИЗОБРАЖЕНИЙ WebP
Google Chrome
Chrome 4–8 не поддерживает формат изображений WebP. Chrome с 9 по 22 частично поддерживает формат изображений WebP. Частичная поддержка в старых версиях Chrome, Opera и Android относится к браузерам, не поддерживающим без потерь и альфа-версии WebP. Chrome 23–67 поддерживает формат изображения WebP.
Мозилла Фаерфокс
Формат изображения WebP не поддерживается браузером Mozilla Firefox версий 2–61.
Интернет-обозреватель
Браузер IE версий 6–11 не поддерживает формат изображений WebP.
Сафари
Браузер Safari версий 3.1–11.1 не поддерживает формат изображений WebP.
Майкрософт Эдж
Браузер Microsoft Edge версий 12–17 не поддерживает это свойствоweb-p-image-format.
Опера
Opera версии 10.1 не поддерживает формат изображения WebP. Opera версии 11.5 частично поддерживает формат изображения WebP. Частичная поддержка в старых версиях Chrome, Opera и Android относится к браузерам, не поддерживающим без потерь и альфа-версии WebP. Opera версии 12.1–53 поддерживает формат изображения WebP.
Информация получена из
Можно ли использовать
Другие браузеры на выбор
Вы можете выбирать из более чем 3000 браузеров для компьютеров и мобильных устройств, включая Chrome, Safari, Internet Explorer, Edge, Яндекс, Opera и Firefox, что позволит вам гарантировать, что ваши клиенты получат безупречный пиксельный интерфейс на всех размерах экрана, устройствах, операционные системы, браузеры и разрешения.
Попробуйте LambdaTest прямо сейчас!!
Получайте 60 минут интерактивного тестирования каждый месяц БЕСПЛАТНО!! Единственный бесплатный пожизненный инструмент для кросс-браузерного тестирования.
Читайте также: