WebP + OpenCart. Конвертация всех изображений. Как автоматизировать в 2 клика

Что собой представляет формат WebP, есть ли у него преимущества перед аналогами?

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

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

Разработка WebP от Гугла позволила обеспечить оптимальное соотношение размер/качество. При этом результаты компромисса между весом изображения и его качеством почти незаметен. Формат WebP был разработан сотрудниками компании Гугл еще более 10 лет назад. На протяжении этого времени формат тестировался на множестве сервисов компании, и сегодня его можно с уверенностью предлагать владельцам сайтов. Более того — Google Page Speed Insights убедительно рекомендует размещать на сайтах изображения именно в формате WebP вместо привычных всем, но устаревших PNG и JPEG.

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

1. Внедрением в код специального алгоритма. При этом владельцам современных браузеров будет показаны страницы сайта с изображениями в формате Webp. Владельцы же браузеров без поддержки WebP будут видеть на страницах картинки в исходных форматах (jpeg/png).
2. Еще один способ — использовать разного рода плагины и расширения, с помощью которых можно легко автоматизировать такую подмену формата в зависимости от браузера, с которого просматривается сайт посетителем.

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

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

Оптимизация новых изображений в ОpenCart производится достаточно просто с помощью множества доступных утилит. Однако возникает закономерный вопрос — как конвертировать все картинки на уже готовом сайте? Такая проблема волнует очень многих владельцев собственных ресурсов, ведь конвертация картинок OpenCart вручную — очень трудоемкая задача. В большинстве случаев для того, чтобы сжать изображения PNG и JPEG, используются специально для этого предназначенные программы. С помощью такого рода утилит можно проделать весь объем работ по конвертации изображений на сайте буквально в несколько кликов. Такие программы работают по-разному. Одни просто конвертируют изображение в WebP, другие могут сохранять старые форматы для посетителей, которые пользуются редкими браузерами.

Эффективность утилит также может быть разной — хорошие программы делают сжатие изображений OpenCart очень быстро и без всяких проблем, так как прошли тщательную «обкатку» разработчиками. Другие утилиты, (чаще всего бесплатные или самые дешевые), часто грешат ошибками из-за проблем совместимости с платформой или другими программами.

Один из лучших сервисов для для конвертации изображений — OptiPic CDN. С его помощью можно делать автоматическую конвертацию картинок OpenCart. Именно его чаще всего используют, когда нужна оптимизация под Page Speed, так как сервис не только конвертирует изображения, но и снимает нагрузку с хостинга. При этом происходит сжатие картинок OpenCart и существенно ускоряется отдача изображений благодаря дополнительной оптимизации и кэшированию информации.

Автоматическая конвертация изображений в WebP Opencart с помощью сервиса OptiPic

Для начала нужно скачать и установить плагин на свой сайт. Как это сделать — рассказывается в видео инструкции, которая размещена на главной странице модуля OptiPic CDN под OpenCart. Установка несложная и не должна создать проблем даже полным новичкам.

Процесс оптимизации картинок OpenCart

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

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

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

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