WebP изображения: что за формат и для чего используется

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

В основном, владельцы сайтов на UMI.CMS используют форматы JPEG, GIF и PNG. Формат WebP — эта альтернатива, позволяющая получать качественные картинки с меньшим весом, и с версии UMI.CMS 22 система поддерживает изображения в этом формате.

Использование webp при создании сайта

Что такое WebP?

Формат WebP разработан компанией Google. Конвертация картинок в этот формат уменьшает их размер на 25-35% без удара по качеству изображений. К WebP применяются 2 способа сжатия — с потерями и без. 

В каких браузерах работает?

Формат WebP считается современным,  он дает значительное улучшение производительности сайта, однако не все браузеры поддерживают его. К примеру, Safari и Internet Explorer не считывают этот формат. Зато WebP прекрасно открывается в Google Chrome, Firefox, Opera и Edge. 

Сравнение с JPG и PNG

Google провел исследование, сравнив 11 000 разнообразных картинок. Результаты такие:

  • Файлы WebP весят на 25-34% меньше, чем такие же картинки с форматом JPEG (JPG).
  • Файлы WebP весят на 26% меньше, чем такие же картинки с форматом PNG.

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

Преимущества webp для создания сайта

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

Для этого есть несколько способов:

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

  • Online-Convert.com — программа конвентирует изображения онлайн. К слову, с помощью этого сервиса легко перевести в другой формат видео, аудио, и текстовые материалы. 
  • Squoosh — сервис позволяет конвертировать и сжимать изображения.
  • Zamzar — удобный сервис с простым интерфейсом. Перетаскиваете нужное изображение, выбираете формат и скачиваете готовый файл.

Графические редакторы

  • Sketch — графический редактор для операционной системы macOS. Здесь легко экспортировать любой слой изображения в формат WebM. Полная версия программы платная, но есть бесплатный период пользования — 30 дней.

Как открыть изображение WebP?

Изображения формата WebP открываются во многих графических программах, например, в GIMP, IrfanView, Adobe Photoshop. Для последнего потребуется модуль WebP File Format. 

Работа с webp при разработке сайта

Пробуйте!

Система для создания сайтов UMI.CMS поддерживает изображения в формате WebP, начиная с версии 22. Если у вашего сайта проблема со скоростью загрузки страниц, то обновите движок до UMI.CMS 22 и попробуйте этот формат ― работа с сайтом станет проще, пользователям будет комфортнее взаимодействовать с ним, а быстрая загрузка страниц благоприятно повлияет на поисковое продвижение. При этом учитывайте, что некоторые браузеры не поддерживают WebP, и в них такие изображения будут недоступны.




Комментарии ВКонтакте