Как использовать webp на ios устройствах
Перейти к содержимому

Как использовать webp на ios устройствах

  • автор:

Safari не загружает webp картинки

Всем доброго времени суток. Недавно довелось потратить заметное количество времени и нервов для решения проблемы на одном из сайтов наших клиентов. Начну с небольшой истории.

Я не фанат яблочных устройств как пользователь и я не очень люблю продукцию apple как разработчик. Мы в компании активно занимаемся WEB разработкой, где приходится делать так, чтобы все наши результаты открывались одинаково хорошо как в Google Chrome, так и в других браузерах — Mozilla Firefox, Microsoft Edge и Apple Safari. Сегодня речь пойдет про результат стараний разработчиков Apple. Я уже писал ранее о сложностях работы PWA на Safari, а сегодня поговорим про изображения.

Что такое формат WEBP?

На тему форматов изображений есть крайне интересный и полезный доклад Никиты Дубко: youtube.com/watch?v=EwBYOQwPEpY. Никита прошелся по всем форматам изображений и как их можно показать пользователю на разных девайсах. Но, если вкратце, webp — это формат изображений, который был придуман Google в 2010 году, который помогает нашим изображением «худеть» и делают наши сайты быстрее в загрузке.

Что произошло у нас?

В обычный будний день клиент решил через админку залить новые изображения на сайт. После заливки новые изображения проверялись через Google Chrome и проблем обнаружено не было. Через несколько дней мне присылают следующий скриншот:

Как видно из скриншота (надеюсь он у вас открылся), картинки загрузились на самым приятным образом. Я уже достаточно ученый в этих делах — сразу пошел смотреть формат картинки, которая отдается — image.jpg. «Хм, жипег», подумал я — «должно быть ок». И в этот момент марафон поиска и решения проблем был объявлен открытым.

Я пересмотрел много интересных способов решения проблемы — простановка какой-то галочки, сброс кеша, конвертация в png. Не сработало ничего. В итоге я скачал файл, открыл у себя в винде встроенным редактором и пересохранил как jpg, загрузил на сайт и все заработало даже на яблоках.

Утилиты конвертации

Сначала у меня возникла мысль — мы имеем дело с битым jpeg. Решил попробовать конвертировать через imagemagick команда convert успехом не увенчалась. Получал ошибку:

convert-im6.q16: delegate failed `'dwebp' -pam '%i' -o '%o''

Тут у меня уже закралась мысль — похоже, что дело не битости файла, а в его формате.

У меня была уверенность, что это jpg т.к. файлы были с расширением jpg, но оказалось, что это ошибка — неизвестно чья именно, но ошибка. В итоге мы получили webp файл с расширением jpg. Именно поэтому девайсы на винде, андроиде, линуксе отлично открывали эту картинку, а apple отказывался, наверное, из принципа (webp же разработка google).

Разгадка уже была близка, но я пошел не по тому пути — я попытался конвертировать через что-нибудь другое, думая, что может быть проблема у imagemagick. Команда jpegtran выдала уже прямо совсем толстый намек на то, что в моих руках не JPEG:)

Not a JPEG file: starts with 0x52 0x49

Загуглив в чем может быть дело мне уже явно дали понять, что я имею дело с webp и что нужно придумывать как перегонять из «плохого» jpg в нормальный.

Для начала я пошел по достаточно адскому пути — написал скрипт, который сначала переводит из webp в png, а потом из png в jpg. Мне не хватило смекалки просто установить webp в систему (sudo apt-get install webp) и запустить стандартный convert, который отлично поймет какое изображение перед ним и конвертирует в нормальный jpg. Если кому-то интересно, то вот тот адский php скрипт — gist.github.com/amorev/00cb6213fe15217a1e23987eb40a77da.

Вместо заключения

Проблема решается запуском convert image.jpg image.jpg и установкой webp в систему (sudo apt-get install webp). Но как много нервов и времени было потрачено на то, чтобы прийти к этому решению. Надеюсь этот пост окажется полезным:)

Вопрос про изображения webp

Подскажите какие из топовых браузеров не поддерживают формат изображений webp? Или уже все поддерживают и можно их использовать?

Ответы на пост (26) Написать ответ
10.03.2019 22:28
В Гугле нашел, что вроде как всё устройства ios их не поддерживают?
10.03.2019 23:07
https://caniuse.com/#feat=webp
Вообще apple не поддерживает.
10.03.2019 23:17
10.03.2019 23:20
Тогда не пойдёт, у меня по 400-500 человек в день с айфонов заходит (
11.03.2019 01:53

Конечно, все ломанулись с jpg и png бежать на таинственный webp. Учитывая, что иногда нужна прозрачность, то webp не всегда и подойдет. Да и нахер он нужен? Тесты проводили. По-моему бред. Попробуйте сжать картинку webp и jpg и сравните вес. На мой взгляд, разница будет мелочной. А если уж вашему посетителю прямо так скорость важна, то уберите нахрен тогда всю графику с сайта, в том числе рекламу. Будет как документ в Word, только со ссылками, и грузиться быстро будет. В 21 веке всё о скорости интернета думают.

12.03.2019 10:44

webp прозрачность поддерживает. Соотношение качество/вес картинки тоже на высоте, в отличи от jpeg, который ложает на красных и голубых тонах и даёт мусор. А вот с поддержкой браузерами — беда. Помимо Apple, проблема и с осликом IE, который никак не отомрёт. По поводу скорости загрузки. Скорость загрузки страницы (читайте страниц сайта), один из главных факторов ранжирования в поиске. Долго грузиться = клиент уходит. Интернет-пользователь ждать не любит. Это касается в первую очередь пользователей мобильного интернета.

11.03.2019 04:34

Согласен с Vantysiker — новый формат не годится. Если сравнивать картинки, сжатые до одинакового размер, то он в качестве не выигрывает. Если webp-ом сжимать сильнее, то получается пластмассовый вид. Я отказался от него.

11.03.2019 10:45

Живем в 21 веке, развитие интернет технологий развивается с приличной скоростью, в центре пустыни Сахара можно спутниковый интернет словить со скоростью 5 мб. сек. а Вы как в 18 ом веке картинки сжимаете. «колхоз» Вам самим не смешно?))

11.03.2019 11:52

Прежде чем критиковать, съездите в «колхоз» (деревню, село, провинциальный городишко) и проверьте скорость интернета. А узнав помалкивайте про 21 век.

11.03.2019 23:24

Я не критикую, а правду говорю. А в самом заброшенном «колхозе» ребята подключаются к спутнику и самодельные вай фай раздают. , но это мы говорим об 3 х процентном населении, а вы сжимаете картинки для тех 50 % пользователей у которых интернет выше 50 мб.с. А вы делаете тоже самое, как заливать в мотор авто не настоящее моторное масло, а подсолнечное. Как все запущено.

12.03.2019 10:46

Ага, особенно хорошо работает спутниковый интернет в туман и низкую облачность. А спутниковый трафик безлимитный уже? И стоит он копейки, правда?

12.03.2019 12:19

И все равно они при тумане умудряются войти в тормознутый перегруженный Фейсбук который сам по себе не собирается подстраиваться под приказы гугла, Будет он Вам еще картинки сжимать..Может Контакт начнет музыку MP3 в моно полифонию с битрейтом 16 сжимать? Посмотрите на крупные посещаемые сайты им похер на оптимизацию и правила гугла Пусть гугл сам свой Ютюб и рекламу Ад Сенс в webp сжимает.

11.03.2019 16:26

Россия находится в мезозойской эре. Перестаньте смотреть рашка 24 и выйдите на улицу и посмотрите на развалины этого колхоза.

11.03.2019 13:13

Бред, сейчас у каждого второго, если не первого айфон, у меня 70 процентов посетителей с эпла, заходят именно фотки посмотреть.

11.03.2019 13:15

Лучше старых проверенных jpg ничего нет. Отлично индексируются, а размер можно уменьшать в программах, при чем пакетно, а не по одной штуке

11.03.2019 14:08

эх, можно использовать сразу два формата
для всех браузеров использовать webp
для safari прописать путь к файлу jpg/png

11.03.2019 14:12

При чем тут скорость интернета? Важна скорость загрузки сайта. Скорость загрузки сайта зависит от разных факторов, а не только от контента. А вообще рекомендации даются не просто так. Но на данный момент проще не использовать этот формат. Если не «вылизывать» сайт под Google.

11.03.2019 16:37

Я уже начал постепенно менять фоновые изображения на webp. Картинки которые предназначены для скачивании оставляю пока что в стандартных форматах. Пластмасовый вид заметен только на фотках с людьми, но у меня строительные проекты и фотки с интерьерами — так что все путем. На данный момент экономия сжатия достигает 25-30% не теряя визуального качества. И не нужно быть гуру сеошником что бы понимать простую логику, что поисковик гугла придает приоритет и лояльность сайтам, которые используют их стандартные изображения webp — просто они это не озвучивают. Это как с https — сразу в 2010 году писали что пох, но через 7 лет сказали что не пох и установка обязательно для лучшей поисковой выдачи.

11.03.2019 17:11

Скорее всего — вы правы. «Партия сказала — надо». Придется, рано или поздно, выполнять.
Не поделитесь — конкретикой? Практикой перевода.
1/ Все/нет браузеры понимают формат без дополнительных «разъяснений»? (Хром, FireFox, Яндекс)
2/ Самый простой/производительный конвертор.

В Сети много разного и разноречивого. Пробовал, «без фанатизма». FF — не кушает новые форматы, навскидку. Нужно как-то наладить — «конвейер», упростить процесс. Картинок — десятки тысяч, надо с чего-то начать/пробовать.
Есть личностные рецепты-рекомендации? Не «секретные» 🙂
Спасибо.

11.03.2019 20:18

Я не стал заморачиваться с подменой картинок для разных браузеров — это сложно и тупо. Основной гигант это Гугл — рано и поздно на него все ровняются и Яблочники не исключение, а вопрос времени. А опера или файрфокс — для меня вообще не понятно кто и зачем юзает это. Разве что пенсионеры 90 летние. А такие клиенты мне точно не нужны и пофиг на них. Пользователей айфонов у меня это 10-15% от всей посещалки и примерно 10% это отказы из-за долгой прогрузки контента (предположительно). Заменой на webp я предполагаю увеличить скорость загрузки и снизить процент отказников, тем самым компенсировав какую то часть возможных потерь клиентов на айфонах, где не будут прогружаться картинки webp. Но опять же, я меняю пока что какую то часть картинок на каждой странице — и на ios часть контента отображается более менее адекватно. Через годик сравню показатели и если хуже не станет заменю все на webp. Конвектор использую https://webp-converter.com/

12.03.2019 06:46

Я не спрашивал — зачем, только — как.

Правильно я понимат, что картинки типа .jpg в коде тупо меняются на .webp и не прописывается более — ничего? (естественно, что картинки предварительно конвертируются и «заливаются» на сервер 🙂 )

С конвертером понятно. В google — он же в выдаче, никаких «откровений».
Пробовал менять. Что-то не понял моих «потуг» Хром, не отображает «тупой» замены. Что-то не так.
А какой просмотровщик юзаем?

зы1: FireFox юзаю — я, хотя и не достиг указанного возраста 🙂 Зачем: удобный и привычный инструмент вебмастера, десять лет пользования = привычка. Хром мне не понравился.
Забавно, что Оперу — юзают два моих приличных клиента, тоже еще не впавших в маразм. Приходится считаться и с мнением меньшинства. Не у всех сайтов аудитория — молодежная. Иногда пара-тройка «нестандартных» посетителей «перевешивают» — тысячу отформатированных.
У всех своя срецифика. Хотя мобильный траф на всех проектах перевалил за 50%, с этим надо считаться.

зы2: ВСЁ заменить пока прблематично будет, ни один популярный скрипт фотоальбомов — пока не поддерживает новые форматы. Желающих прописать плагины/хаки — пока немного, результаты — сомнительны. Есть, но мало и результат — не в адеквате.
Странно, но и разработчики шаблонов для популярных cms — не особо «рвутся» в новый формат. В .svg — вижу часто, .webp — пока не встречал (хотя — может и есть уже, давно не юзал новейших шаблонов).

Ладно. Спасибо за ответ, хоть он ничего нового не привнес. Спросил конкретику, получил — «бла-бла» 🙂

12.03.2019 10:52

yootheme — решили данный вопрос. У них все просто: загружай любой формат из поддерживаемых, а скрипт делает остальное 🙂 Если используется хром — один формат выводит, если сафари — другой. Скорость загрузки джумла 3 в зеленой зоне (выше 90)

Как использовать webP на iOS устройствах?

Вероятно, сафари не поддерживает вебп. Для этих случаев и разработан фоллбэк в виде картинки с исходным форматом.

На айфонах, возможно, будет загружать вебп какой-нибудь сторонний браузер, типа хрома

Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать

kowap

все, кроме safari не поддерживает. так что переключаться на эту технологию можно =)
https://caniuse.com/#search=webp

Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Делай добро и бросай его в воду.

Зачем?
Слишком большой процент устройств не поддерживает webp.
Так что рано ещё активно переключаться на эту технологию.

Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать

aixman

Разарботичк сайтов с 8летним опытом жизни в WEB’е

Теперь iPhone Safari умеет webp.
пишут, что добавили еще в конце 2020 года на 14 версии iOS и вше
сейчас iPhone обновляются и только на старых моделях (что не могут обновиться) webp не будет поддерживаться.

Формат изображений WebP: что это, как конвертировать и использовать на сайте

WebP — это веб-ориентированный графический формат, разработанный Google в 2010 году. Он был специально создан как альтернатива неоптимальным форматам JPEG и PNG.

Главное назначение WebP — значительно уменьшить уменьшать вес графических файлов в несколько раз без потери детализации и четкости изображения. Это дает выигрыш в скорости загрузки контента для пользователей.

Как работает WebP

В WebP реализованы два метода сжатия:

  1. С потерями (аналог JPEG) — для полноцветных фотографий. WebP уменьшает размер картинок, убирая лишнюю информацию. Он анализирует соседние пиксели и предсказывает значения следующих пикселей. Затем кодирует только разницу между реальным и предсказанным значением. При значительном уменьшении размера могут теряться некоторые детали картинки.
  2. Без потерь (аналог PNG) — для изображений с прозрачностью. При сжатии без потерь WebP использует уже закодированные фрагменты картинки, чтобы в точности восстановить новые пиксели.

Файлы WebP состоят из данных изображения по алгоритму VP8 или VP8L и специального контейнера RIFF. Для работы с WebP есть библиотека libwebp с открытым кодом. Она реализует все функции этого формата программно.

Подробнее о методах сжатия — в Справке Google.

Чем WebP отличается от других форматов

Теперь подробнее разберемся в особенностях форматов JPEG, PNG, GIF и преимуществах WebP:

JPEG

Этот формат долгое время считался оптимальным для фотографий и других полноцветных изображений. Но у него есть существенный недостаток: при сжатии заметно портится качество и детализация картинки.

Исследование. В 2019 году Google представил результаты масштабного сравнительного теста эффективности сжатия изображений в форматах JPEG и WebP.

Взяли сотни фотографий, которые конвертировали в два формата одинакового качества. Затем анализировали и сравнивали размер полученных файлов с изображениями.

В итоге было подтверждено, что WebP в среднем уменьшает размер изображений на 25-34% по сравнению с JPEG при полном сохранении качества.

В сравнении с JPEG, WebP обеспечивает:

  • Уменьшение размера файла на 25-34% без видимой потери качества изображения. Например, картинка 700 Кб в JPEG будет 450 Кб в WebP.
  • Поддержку прозрачного фона и анимации, чего нет в JPEG.
  • Более высокое качество при том же размере файла. Изображение выглядит более четким и детализированным.

PNG

Этот формат оптимален для изображений с прозрачностью и векторной графики. Он обеспечивает высокую детализацию, но из-за этого размер файлов больше, чем у формата JPEG.

В сравнении с PNG, WebP дает:

  • Уменьшение размера в 1,5-2 раза при той же цветовой палитре и глубине цвета.
  • Меньшие потери качества при сжатии фотографий и других полноцветных картинок.

GIF

GIF-формат используется на сайтах для небольших анимированных изображений — картинок, иконок, эмодзи. Но у него есть технические ограничения: поддержка только 256 цветов в палитре; не поддерживается прозрачность; файл много «весит».

В сравнении с GIF, WebP дает:

  • Значительно меньший размер файла при той же длительности и качестве анимации. Экономия может составлять 70-80%.
  • Поддержка 24-битной глубины цвета вместо 256 цветов в GIF. Это дает намного более качественную цветопередачу.
  • Поддержка прозрачности в отличие от GIF.
  • Возможность построения анимации на основе фотографий и других полноцветных изображений помимо векторных.

Визуально различие разных форматов изображений можно представить так:

сравнение форматов изображений webp GIF jpg png

Таким образом, WebP уверенно конкурирует с традиционными форматами. WebP дает высокую оптимизацию графики без потерь для качества. Это делает его идеально подходящим форматом для веба. Но и минусы у него тоже есть.

Недостатки формата WebP

  1. Неполная поддержка старых браузеров. Формат пока не поддерживается в Internet Explorer и в Safari старых версий. Пользователи этих браузеров попросту не увидят картинки WebP на сайте. Хотя доля среди пользователей этих браузеров со временем сокращается.
  2. Не все инструменты для работы с изображениями поддерживают формат WebP. Некоторые программы для редактирования графики могут не поддерживать этот формат без дополнительных плагинов или обновлений.
  3. Плохое качество при сильном сжатии. Картинки становятся нечеткими и появляются ошибки, если очень сильно уменьшить размер.

В целом, для оптимизации именно веб-графики и ускорения сайтов выгоды от внедрения WebP перекрывают перечисленные ограничения. Поэтому этот формат используют все чаще.

Какими браузерами и устройствами поддерживается

WebP поддерживается всеми современными браузерами, кроме Internet Explorer.

Вот список поддержки на десктопных браузерах:

  • Google Chrome — полная поддержка начиная с версии 23.0.
  • Mozilla Firefox — полная поддержка начиная с версии 65.0.
  • Opera — полная поддержка начиная с версии 12.0.
  • Safari — частичная поддержка с версии 14.0, полная с версии 15.0.
  • Microsoft Edge — полная поддержка начиная с Chrome-движка версии 79.0.

На мобильных устройствах:

  • Браузеры на движке Google Chrome для Android — полная поддержка.
  • Safari на iOS — полная поддержка начиная с iOS 14.0.

Для старых версий десктопных браузеров, которые не поддерживают WebP, можно включить отдачу изображений в 2 форматах — WebP и обычном JPEG/PNG. Это позволит обеспечить корректное отображение графики на всех устройствах.

Для мобильных устройств на iOS 13 и более ранних — отсутствует возможность полифилов, поэтому им будут отдаваться JPEG/PNG изображения вместо WebP.

Как открыть файл в формате WebP

Формат WebP пока не поддерживается встроенными средствами большинства операционных систем для просмотра изображений. Но это легко обойти несколькими способами:

Использовать браузер

Современные браузеры (Chrome, Opera, Firefox, Edge, Яндекс.Браузер) умеют открывать и показывать файлы WebP. Для этого достаточно:

Как открыть файл в формате WebP

  • Загрузить изображение с сайта или найти на компьютере.
  • Кликнуть по нему правой кнопкой мыши.
  • Выбрать пункт «Открыть с помощью» → выбрать название браузера.
  • Изображение откроется в новой вкладке браузера.

Установить специальные программы

  • Для Windows можно скачать приложения: XnView, IrfanView. Также открыть картинку WebP можно в стандартном Paint.
  • На Mac можно воспользоваться приложениями: GraphicConverter, WebPViewer.

Как преобразовать изображения в формат WebP

Существует несколько способов конвертации графики в WebP:

Онлайн-сервисы

Это самый простой способ для разовой конвертации нескольких картинок. Достаточно загрузить файл и получить результат за пару минут. Бесплатно и без регистрации.

Вот популярные сервисы:

Облачный онлайн-конвертер. Поддерживает больше 200 различных форматов: изображения, документы, видео, аудио и архивы.

Кроме преобразования картинок в веб-формат доступны дополнительные настройки: обрезка изображения, изменение его размера, улучшение качества.

Как конвертировать изображения в формат WebP сервис CloudConvert

Для примера мы конвертировали файл PNG в WebP. Было: 2,66 Мб, стало: 233 Кб.

Позволяет преобразовывать файлы в 300+ разных форматов, в том числе в WebP. Конвертация файла занимает 1-2 минуты.

Как конвертировать изображения в формат WebP сервис Convertio

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

Преобразование файла занимает несколько секунд.

Как конвертировать изображения в формат WebP сервис Online-convert

Софт для работы с графикой

Этот способ также подходит, если нужно преобразовать несколько картинок разом. Вот несколько популярных программ:

  • XnView Программа для просмотра и конвертации изображений. Есть расширенные возможности для групповой конвертации фотографий. Подходит для обработки сразу нескольких картинок и пакетного преобразования в WebP.
  • Adobe Photoshop Профессиональный инструмент для работы с растровыми изображениями. Позволяет сохранить картинки в любых форматах. Но сохранение файлов в WebP появилось относительно недавно, начиная с версии 23.2. В более старых версиях программы для полноценной работы WebP с нужно использовать дополнительные внешние модули.

Консольные утилиты

Для массовой обработки изображений удобно использовать консольные приложения. Самые распространенные — это:

  • cWebP — входит в официальный пакет средств разработки WebP от Google.
  • dwebp — выполняет декодирование (извлечение из WebP).

Вот пример использования cWebp для конвертации изображения image.png в WebP с качеством 75%:

пример использования cWebp для конвертации изображения

  • -q 75 — качество сжатия в %
  • image.png — исходный файл
  • -o image.webp — результирующий WebP файл

Аналогичным образом выполняется конвертация сразу десятков/сотен файлов JPEG, PNG в WebP для оптимизации графики на сайте.

Такой подход позволяет легко и быстро конвертировать сотни файлов за один запуск.

С помощью плагинов для CMS

В популярных CMS есть готовые дополнения для автоматической конвертации картинок в WebP. Они преобразуют изображения в момент загрузки в CMS. Не нужно предварительно обрабатывать файлы вручную.

Достаточно установить плагин и включить его в настройках CMS. Дальше он будет сам преобразовывать графику в легкий WebP формат.

Популярные плагины для CMS:

  • 1С-Битрикс — дополнение Ускорение загрузки сайта + оптимизация для Google PageSpeed автоматически переводит JPEG и PNG файлы в WebP для ускорения сайта. Улучшает показатели в PageSpeed Insights.
  • WordPress — плагин Smush для оптимизации графики. Он уменьшает размер изображений, трансформирует их формат в WebP, улучшает качество для мобильных устройств.
  • OpenCart — модуль WebP Images активирует использование нового формата из коробки. Все загружаемые далее изображения будут конвертироваться в более легкий WebP вариант.

Как конвертировать WebP в JPEG или PNG

Поскольку формат WebP пока не получил повсеместной поддержки, иногда нужно конвертировать картинки обратно из WebP в JPEG или PNG. Это можно сделать несколькими способами:

  1. Воспользоваться онлайн-конвертерами. Например: WebP Converter, Online-Convert, CloudConvert.
  2. Использовать программы. Например, Paint, Photoshop. Они также умеют экспортировать WebP в любые необходимые форматы.

Например, через стандартное приложение Paint можно сохранять картинки WebP в формате PNG и JPEG после редактирования.

Как конвертировать WebP в JPEG или PNG

Как включить поддержку WebP на сайте

Есть 3 основных способа:

Это рекомендуемый подход, позволяющий подставлять WebP или JPEG в зависимости от возможностей браузера.

  1. JavaScript проверка и подстановка формата

Можно реализовать скрипт, который при загрузке страницы определяет поддержку WebP и динамически меняет расширение исходного файла изображения.

Реализация может выглядеть так:

  • Добавляем скрипт, проверяющий поддержку WebP. Например, через функцию supportsWebp() из библиотеки Modernizr.
  • Далее скрипт проходит по всем тегам img на странице.
  • Если браузер поддерживает WebP, то добавляем к src атрибуту расширение .webp и подгружаем WebP-версию картинки.
  • Если нет поддержки, оставляем стандартный src на файл в JPEG/PNG.

Сервер можно настроить на автоматическую отдачу WebP, если браузер поддерживает этот формат. Делается это директивами в Apache и Nginx.

В Nginx:

Как включить поддержку webp Nginx

В Apache:

Как включить поддержку webp Apache

После этого сервер будет автоматически отдавать файлы с расширением .webp браузерам, которые поддерживают этот формат.

Коротко о главном

  • WebP — это новый тип графических файлов от Google, оптимизированный для веба.
  • Он уменьшает размер изображений в 2-3 раза без потери качества по сравнению с JPEG и PNG.
  • WebP по умолчанию поддерживается во всех популярных браузерах, за исключением старых версий.
  • Для просмотра и конвертации файлов существуют бесплатные онлайн-сервисы, программы, плагины для CMS.
  • Чтобы добавить поддержку на сайте, нужно использовать HTML тег Picture или настроить сервер.
  • Использование WebP позволяет ускорить загрузку страниц, сэкономить трафик, повысить конверсию.

Подписывайтесь на наш Телеграм-канал. Там мы постим новости SEO-сферы, апдейты Яндекса и Google, статьи про продвижение сайтов и дайджесты.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *