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

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

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

Преобразование изображений в формат WebP

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

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

В этом посте вы узнаете все, что вам нужно знать о WebP, в том числе о том, как вы можете начать использовать изображения WebP на своем собственном сайте WordPress.

История изображений WebP

Формат WebP был разработан Google и первоначально запущен в сентябре 2010 года.

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

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

Что отличает изображения WebP от изображений других форматов?

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

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

Как и изображения JPEG, PNG и GIF, WebP поддерживает сжатие как без потерь, так и с потерями:

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

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

Размер изображения WebP по сравнению с JPG и PNG

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

Еще в 2011 году Google провел несколько подробных сравнительных исследований, чтобы оценить это:

  • Для изображений WebP и PNG Google обнаружил , что изображения WebP были на 26% меньше , чем эквивалентные изображения PNG.
  • Для изображений WebP и JPEG Google обнаружил , что изображения WebP примерно на 25-34% меньше , чем эквивалентные изображения JPEG.

По сути, в среднем вы можете ожидать, что изображение WebP будет примерно на 25% меньше, чем эквивалентный файл JPEG или PNG.

Какие браузеры поддерживают WebP?

В прошлом одна проблема с WebP заключалась в том, что он не поддерживался всеми веб-браузерами. Chrome, Firefox, Edge и другие браузеры на основе Chromium (например, Opera) уже давно поддерживают изображения WebP.

Тем не менее, браузер Safari от Apple был единственным противником, прежде чем наконец добавить поддержку WebP в Safari 14, выпущенном в сентябре 2020 года.

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

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

По сути, за исключением нескольких крайних случаев, WebP теперь имеет универсальную поддержку веб-браузера.

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

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

Ваше программное обеспечение для редактирования фотографий может еще не сохранять изображения в формате WebP, но некоторые из них сохраняют. Например, PixlrE позволяет сохранять изображения в формате WebP так же, как вы сохраняете их в формате JPEG. Если в вашем любимом редакторе изображений еще нет этой функции, вы можете поискать надстройки или расширения, которые ее предоставляют, например, этот бесплатный плагин WebPShop Photoshop от Google. Если ни один из этих вариантов не существует для вашего графического редактора, вам не о чем беспокоиться. Вместо создания изображения WebP с нуля вы просто берете существующее изображение в другом формате и конвертируете его в WebP.

Преобразование изображений в формат WebP

Самый простой способ преобразовать изображение (или изображения) в WebP — использовать один из множества облачных инструментов преобразования. На этих веб-сайтах все, что вам нужно сделать, это загрузить изображения в их исходных форматах, нажать кнопку, и инструмент позволит вам загрузить ваши изображения в формате WebP. Об одном из таких онлайн сервисов от Google — Squoosh, я однажды подробно рассказывал, забыв, правда упомянуть, что в нем есть функция преобразования файлов в формат WebP:

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

  1. Загрузить свои изображения на сервис с жесткого диска (например, JPG).
  2. Выбрать из предложенного списка формат назначения WebP.
  3. Загрузить сжатый файл снова на жесткий диск.
  4. Загрузить с диска картинку уже в формате WebP на свой сайт (можно непосредственно в тело сообщения).
squoosh.app

Процесс преобразования изображений в формат WebP с помощью онлайн сервиса Squoosh.

Если вы создали свой сайт с планами WordPress.com Business или eCommerce, вы также можете установить плагин WordPress, который поможет вам автоматизировать использование изображений WebP на вашем сайте.

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

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

Это удобно, потому что это означает, что вы по-прежнему можете просто находить или создавать изображения, используя форматы, с которыми вы более знакомы (например, JPEG или PNG). Когда вы загружаете файлы на свой сайт WordPress, плагин автоматически конвертирует их в WebP.

Опираясь на это удобство, плагин также может массово конвертировать все существующие изображения на вашем сайте в формат WebP.

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

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

Плагины WordPress для оптимизации изображений, поддерживающие WebP

Существует множество различных плагинов для оптимизации изображений WordPress, которые поддерживают WebP. Как правило, эти плагины бесплатны при определенном использовании в месяц ( например, при оптимизации до 200 изображений ). Если вам нужно оптимизировать больше изображений, чем разрешено в бесплатном плане, вам необходимо приобрести одноразовый пакет кредитов или подписаться на ежемесячный план.

Многие сайты будут в порядке с бесплатными планами. Если вам нужны премиальные планы, вы, как правило, будете получать всего около 5 долларов в месяц или около того.

Вот несколько популярных вариантов:

Делаем выводы

Формат изображений WebP — отличный способ уменьшить размер изображений на вашем сайте WordPress без изменения их качества. Уменьшая размер изображений, вы можете ускорить загрузку своего веб-сайта и повысить удобство его работы для посетителей.

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

Если ваше существующее изображение использует такой формат файла, как JPEG или PNG, вы можете использовать онлайн-конвертер, чтобы преобразовать его в WebP перед загрузкой в ​​WordPress.

Или, если вы создали свой сайт с планами WordPress.com Business или eCommerce, вы также можете использовать плагин, который будет автоматически преобразовывать изображения в WebP, когда вы загружаете их на свой сайт.

(Visited 1 times, 1 visits today)