WebP + OpenCart. Конвертация всех изображений. Как автоматизировать в 2 клика
Что собой представляет формат WebP, есть ли у него преимущества перед аналогами?
Изображения высокого качества, залитые владельцами сайтов, весят куда больше текстов. Они постоянно тормозят загрузку страниц и бьют по карману хозяевам сайтов, которым приходится оплачивать дополнительные расходы на хостинг. Поэтому вебмастера хотели бы найти подходящий компромисс между качеством изображений и их размером.
Привычный формат JPEG не соответствует такого рода требованиям, особенно в тех случаях, когда на сайте нужно разместить качественное изображение небольшого размера. Многие владельцы Интернет-ресуров нашли выход в использовании формата PNG, который может обеспечить надлежащее качество. Однако картинка в таком формате весит очень много, что негативно влияет на скорость работы страниц.
Разработка WebP от Гугла позволила обеспечить оптимальное соотношение размер/качество. При этом результаты компромисса между весом изображения и его качеством почти незаметен. Формат WebP был разработан сотрудниками компании Гугл еще более 10 лет назад. На протяжении этого времени формат тестировался на множестве сервисов компании, и сегодня его можно с уверенностью предлагать владельцам сайтов. Более того — Google Page Speed Insights убедительно рекомендует размещать на сайтах изображения именно в формате WebP вместо привычных всем, но устаревших PNG и JPEG.
Однако не все так просто — при отображении изображений этого формата в некоторых браузерах возникают проблемы (правда, это касается только малораспространенных браузеров). Чтобы не допустить возникновения подобного рода проблем, необходимо обеспечить показ изображений в старых форматах. Совместимость с разными браузерами может быть достигнута несколькими способами:
- Внедрением в код специального алгоритма. При этом владельцам современных браузеров будет показаны страницы сайта с изображениями в формате Webp. Владельцы же браузеров без поддержки WebP будут видеть на страницах картинки в исходных форматах (jpeg/png).
- Еще один способ — использовать разного рода плагины и расширения, с помощью которых можно легко автоматизировать такую подмену формата в зависимости от браузера, с которого просматривается сайт посетителем.
Может показаться, что такой подход неэффективен, однако это не так. Потому что консервативно настроенные владельцы сайтов, которые отказываются от полезных нововведений, в итоге проигрывают в борьбе с более продвинутыми конкурентами. Улучшение своего ресурса, даже если при этом нужно какое-то время поддерживать старый и новый форматы, обязательно себя окупит.
Как конвертировать изображения в формат WebP под управлением OpenCart
Оптимизация новых изображений в ОpenCart производится достаточно просто с помощью множества доступных утилит. Однако возникает закономерный вопрос — как конвертировать все картинки на уже готовом сайте? Такая проблема волнует очень многих владельцев собственных ресурсов, ведь конвертация картинок OpenCart вручную — очень трудоемкая задача. В большинстве случаев для того, чтобы сжать изображения PNG и JPEG, используются специально для этого предназначенные программы. С помощью такого рода утилит можно проделать весь объем работ по конвертации изображений на сайте буквально в несколько кликов. Такие программы работают по-разному. Одни просто конвертируют изображение в WebP, другие могут сохранять старые форматы для посетителей, которые пользуются редкими браузерами.
Эффективность утилит также может быть разной — хорошие программы делают сжатие изображений OpenCart очень быстро и без всяких проблем, так как прошли тщательную «обкатку» разработчиками. Другие утилиты, (чаще всего бесплатные или самые дешевые), часто грешат ошибками из-за проблем совместимости с платформой или другими программами.
Один из лучших сервисов для для конвертации изображений — OptiPic CDN. С его помощью можно делать автоматическую конвертацию картинок OpenCart. Именно его чаще всего используют, когда нужна оптимизация под Page Speed, так как сервис не только конвертирует изображения, но и снимает нагрузку с хостинга. При этом происходит сжатие картинок OpenCart и существенно ускоряется отдача изображений благодаря дополнительной оптимизации и кэшированию информации.
Автоматическая конвертация изображений в WebP Opencart с помощью сервиса OptiPic
Для начала нужно скачать и установить плагин на свой сайт. Как это сделать — рассказывается в видео инструкции, которая размещена на главной странице модуля OptiPic CDN под OpenCart. Установка несложная и не должна создать проблем даже полным новичкам.
Процесс оптимизации картинок OpenCart
- Плагин самостоятельно конвертирует изображения, осуществляет ускорение OpenCart и передает файлы в WebP формате посетителю сайта при условии, что его браузер работает с этим форматом.
- Передает сжатую версию картинки в формате PNG или JPEG без предварительной конвертации, если проверка показала, что браузер посетителя не поддерживает новый формат.
- Приложение также подгоняет картинки под экран современных смартфонов, если посетитель просматривает сайт с мобильного устройства.
- Кеширует информацию для более быстрой загрузки изображений для ускорения работы ресурса и снятия нагрузки с хостинга.
Использование сервиса доступно как на платной, так и на бесплатной основе. Бесплатный пробный тариф предусматривает 100 000 бесплатных показов картинок. Этого более чем достаточно для того, чтобы протестировать и оценить сервис. Бесплатные показы становятся доступны сразу после регистрации на странице сервиса. Кроме того, сервис проводит регулярные акции, с помощью которых можно получить скидку:
- 100 000 бесплатных показов владельцам сайтов, рекомендующих OptiPic своим посетителям. Для этого достаточно разместить на сайте информацию с описанием сервиса и сообщить об этом в техподдержку по адресу help@optipic.io. В письме нужно указать адрес страницы, на которой размещена рекомендация, и свой емейл.
- 100 000 показов за ссылку в подвале сайта.
- 100 000 показов за положительный отзыв о сервисе на страницах сайта OptiPic.
Для добавления сервиса оптимизации изображений в WebP OpenCart нужно всего лишь зарегистрироваться и добавить свой сайт в личный кабинет.