Главное Авторские колонки Вакансии Образование
Выбор редакции:
335 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Wordpress + WebP: Конвертация всех изображений. Как и зачем?

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

Что такое формат WebP и каковы его преимущества

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

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

Новая разработка Гугл WebP обеспечивает наилучшее сочетание размера файла и качества. Компромисс между объемом и результатом практически незаметен. Формат разработан более 10 назад. За это время он был хорошо оттестирован на множестве сервисов Гугл. Его можно смело рекомендовать сайтовладельцам. Google PageSpeed Insights настоятельно рекомендует использовать на сайтах именно WebP вместо устаревших форматов изображений (PNG/JPEG) в целях ускорения загрузки сайтов.

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

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

Как конвертировать файлы в WebP Wordpress

Формально преобразовать старые форматы PNG/JPEG в WebP несложно. Для этого создано множество утилит. Но как произвести конвертацию всех изображений уже созданного сайта? Именно с этой проблемой сталкивается большинство сайтовладельцев. Так как оптимизация картинок Wordpress вручную крайне трудоемкая задача.

Чаще всего для сжатия изображений Wordpress путем конвертации PNG/JPEG в WebP используются специальные утилиты. Программы, которые позволяют выполнить эту трудоемкую работу в несколько щелчков мыши. Функционал разных плагинов неодинаков. Одни предлагают простое преображение, другие сохраняют старые форматы, необходимые для пользователей, работающих с устаревшими браузерами.

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

Один из лучших — OptiPic CDN. Сервис автоматизирует сжатие картинок Wordpress, позволяя установить на сайт готовый модуль интеграции под данную CMS. Именно его чаще всего используют, проводя оптимизацию под PageSpeed, так как OptiPic CDN не только конвертирует и обеспечивает прогрессивное улучшение, но и снимает нагрузку с хостинга сайта, ускоряя отдачу изображений за счет дополнительного кеширования и оптимизации.

Автоматизация конвертации в WebP Wordpress с помощью OptiPic

Чтобы произвести ускорение Wordpress с помощью сервиса OptiPic CDN, необходимо скачать и установить плагин под Wordpress на свой сайт, используя видео инструкцию, расположенную на главной странице сервиса. Процесс установки несложен и обычно не вызывает затруднений даже у новичков. Справиться с задачей может любой пользователь.

Как происходит оптимизация изображений Wordpress

  1. Плагин выполняет конвертацию и передает WebP-файлы пользователям, если браузер поддерживает данный формат.
  2. Отдает сжатую версию изображения в старом формате (без конвертации), если автоматическое тестирование показало, что браузер пользователя не поддерживает WebP Wordpress.
  3. Приложение адаптирует картинки под узкие экраны телефонов, если пользователь просматривает сайт с мобильного.
  4. Выполняет кеширование для ускоренной загрузки картинок, чтобы сайт быстрее работал и меньше грузил хостинг.

Использовать сервис можно на платной и бесплатной основе. Пробный тариф дает 100 000 показов, чего вполне достаточно, чтобы оценить удобство сервиса, понять насколько он вам подходит. Бесплатные показы начисляются сразу после прохождения регистрации пользователем. Кроме того за счет акций OptiPic можно получить другие скидки на его использование, в т.ч.:

  1. 100 000 бесплатных показов картинок для тех, кто рекомендует сервис своим читателям. Просто разместите на одной из страничек своего сайта рекомендацию с описанием сервиса OptiPic и сообщите об этом в поддержку help@optipic.io, указав адрес странички и своей емейл.
  2. 100 000 показов за размещение ссылки на сервис в подвале сайта.
  3. 100 000 показов за отзыв на сервис на странице самого OptiPic.

Дополнительную скидку могут получить пользователи, подписавшиеся на странички сервиса в соцсетях. Владельцам некоммерческих проектов услуга оказывается с 50% скидкой.

Чтобы добавить сервис для оптимизации картинок Wordpress на свой сайт и начать работу, пройдите регистрацию.

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.