WebP + Битрикс: Конвертация изображений на сайте

Что собой представляет формат WebP для Битрикс и его главные преимущества

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

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

Предложение от Google использовать WebP — это оптимальное соотношение качества и размера файла. Финальный результат просто отличный, компромисс практически незаметен. Формат существует уже 10 лет, поэтому его качественно протестировали на разных сервисах Гугл. Можно не искать каких-либо подводных камней и смело им пользоваться при создании и наполнении сайтов. Нужно ускорить скорость загрузки страниц сайта, тогда стоит довериться рекомендациям google pagespeed insights и воспользоваться проверенным форматом WebP. Ведь всем привычные PNG/JPEG уже порядком устарели.

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

1. использовать специальные плагины, когда все делается через простой и понятный для рядового юзера интерфейс;
2. внедрение специальных алгоритмов в код, с помощью которого сайт полноценно отображается на универсальном браузере. В свою очередь пользователи редких браузеров будут видеть картинки в исходных форматах jpeg и png, но предварительно оптимизированных и сжатых для ускорения загрузки.

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

Как произвести конвертацию картинок в WebP под 1С-Битрикс

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

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

Еще нужно понимать, что эффективность плагинов может существенно разниться. Зачастую это зависит от качества проведенного тестирования. Многие недорогие и бесплатные утилиты выдают разные ошибки несовместимости версии либо же другими приложениями.

Благодаря автоматизированному сервису OptiPic CDN, оптимизация изображений в Битрикс проходит быстро и без проблем. Готовый модуль можно легко интегрировать в систему CMS 1С-Битрикс. Когда нужна оптимизация под pagespeed, модуль от OptiPic CDN — это оптимальное решение. При помощи конвертирования данным сервисом, удается снизить нагрузку на хостинг за счет дополнительной оптимизации и кэширования.

OptiPic: автоматическое преобразование в WebP CMS 1С-Битрикс

Сервис OptiPic CDN позволит выполнить ускорение Битрикс, однако прежде необходимо установить плагин под CMS 1С-Битрикс на собственный ресурс (подробная инструкция содержится в видео на главной странице). Процесс несложный, поэтому справится даже новичок.

Оптимизация картинок в CMS 1С-Битрикс происходит в следующем порядке:

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

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

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