Загружая разные изображения на компьютер, практически каждый пользователь встречал такой необычный формат как WebP. Его придумали в компании Google, как альтернативу существующим форматам, которые не могут предоставить одновременно качество и компактность картинки. Например, выполняя сжатие изображений MODX при помощи формата WebP, картинки одинаково хорошо выглядят в браузере смартфона и компьютера.
Преимущества WebP формата и его особенности
Разработчикам и многим пользователям интернет ресурсов известно, что изображения занимают больше пространства, чем текст, а еще они сильно замедляют скорость загрузки страниц сайта. Из-за этого постоянно растут расходы на хостинг. Чтобы как-то исправить положение, владельцы сайтов ищут разумный компромисс между размером и качеством.
Используя общепринятый стандарт JPEG, порой невозможно добиться необходимого результата. Это актуально для тех случаев, когда нужно сохранить хорошее качество графики при небольшом размере. Как частичное решение проблемы используется формат PNG, который дает высокое качество картинки, однако весит гораздо больше того же JPEG. Как результат – сайт получается очень тяжелым.
Когда повсеместно использовались форматы PNG/JPEG, компания Google предложила более привлекательное решение, которое позволило облегчить оптимизацию сайтов. Этого удалось достичь благодаря оптимальному сочетанию качества изображения и размера файла. Формат презентовали более 10 лет назад, поэтому на сегодняшний день WebP отполировали практически до совершенства. Его применение можно спокойно советовать разработчикам и владельцам сайтов. Чтобы ресурс имел высокую скорость загрузки страниц, лучше прислушаться к рекомендациям google pagespeed insights и воспользоваться именно форматом WebP.
Однако в процессе работы с этим форматом могут возникать некоторые проблемы, особенно при отображении изображений на малораспространенных браузерах. На этот случай нужно позаботиться о кроссбраузерной поддержке, сохранив привычные тяжелые форматы картинок. При помощи определенных алгоритмов в коде, можно настроить отображение полнофункциональной версии сайта для распространенных браузеров и упрощенной версии для редких обозревателей. Например, изображения webp MODX можно преобразовать при помощи специальных плагинов.
Может показаться, что подобные манипуляции с сайтом слишком трудозатраты и малоэффективны. Однако это ошибочное суждение, ведь чтобы сайт был конкурентоспособным и показывал отличную конверсию, его необходимо постоянно совершенствовать и внедрять новый функционал. Поэтому поддержка двух форматов – это полностью оправданное решение.
Процедура конвертирования WebP MODX
В принципе конвертировать PNG и JPEG в WebP совсем несложно, к тому же для этого существует много программ. Однако как происходит оптимизация изображений MODX для сайтов с большим количеством графического контента? Довольно распространенная проблема для владельцев тех или иных ресурсов, ведь ручная конвертация – это длительный и трудоемкий процесс.
В большинстве случаев сжатие картинок MODX производится при помощи программ-конвертеров JPEG/PNG в формат WebP. Эти утилиты существенно облегчают трудоемкую ручную работу. Разработчики этих плагинов предлагают разнообразный функционал – от простого преобразования, до сохранения исходных форматов изображений для устаревших браузеров.
Программы демонстрируют разную эффективность, что зависит от приложенных разработчиками усилий и качества тестирования. Недорогие или вообще бесплатные приложения зачастую выдают постоянные ошибки несовместимости, а также могут конфликтовать с другим программным обеспечением.
Если говорить о преобразовании webp MODX, то идеальным решением можно считать сервис OptiPic CDN. Он помогает полностью автоматизировать сжатие картинок для инструментария MODX, установив готовый модуль в CMS. Когда нужна качественная оптимизация под pagespeed, сервис OptiPic CDN – это незаменимый инструмент. С его помощью можно существенно ускорить загрузку страниц сайта, благодаря использованию оптимизации и кеширования изображений.
Автоматизированная конвертация в webp под CMS MODX
Необходимо ускорение MODX при помощи OptiPic CDN, тогда потребуется скачать отдельный плагин под CMS. Если недостаточно знаний, рекомендуется посмотреть видео инструкцию, которая размещена на сайте. Процесс установки очень простой, поэтому проблем не должно возникнуть даже у новичков.
Как происходит оптимизации картинок MODX
- В первую очередь плагин занимается преобразованием других форматов в WebP-файлы, если, конечно же, обозреватель его поддерживает.
- Выполняется небольшой тест браузера, с целью определить совместимость с WebP MODX. Если формат не поддерживается, тогда пользователю отображается изображение в JPEG или PNG.
- OptiPic CDN адаптирует картинки под разноформатные экраны телефонов, чтобы сайт было одинаково удобно просматривать.
- Для меньшей нагрузки на хостинг и очень быстрой загрузки страниц, предварительно выполняется кеширование.
Сервис предусматривает платную и бесплатную модель использования. Для пробного тарифа отведено 100 000 показов, которых, как показывает практика, вполне достаточно для оценки качества сервиса. Чтобы получить бесплатные показы, нужно всего лишь пройти регистрацию. Также сервис OptiPic предлагает разные скидки:
- Еще 100 000 показов для тех, кто поместит ссылку на сервис в подвале своего интернет сайта.
- Дополнительно 100 000 показов за рекомендацию сервиса подписчикам и читателям. Нужно оставить лишь рекомендацию OptiPic на одной из страниц собственного ресурса, а далее оповестить об этом службу поддержки help@optipic.io, приложив свою электронную почту и адрес странички размещения.
- За написание отзыва на странице OptiPic, пользователь получит 100 000 бесплатных показов.
Еще одно поощрение от сервиса – это скидка, которую можно получить за подписку на соцсети OptiPic. Если пользователь имеет некоммерческий проект, ему предоставляется скидка в 50%.
Нужна оптимизация картинок MODX, тогда необходимо перейти на официальный сайт OptiPic и завершить регистрацию нового аккаунта.