Загружая изображения с интернета, многие пользователи обращают внимание на то, что многие из них сейчас имеют формат сжатия WebP. Он был разработан компанией Google, позволяя веб-разработчикам загружать на сайт качественные и одновременно с этим небольшие по весу изображения. К тому же их можно просматривать не только в браузере компьютера, но и через смартфон.
Что собой представляет формат WebP и каковы его преимущества?
Так как изображения имеют куда больший вес по сравнению с текстом, они способны замедлять процесс загрузку сайта и постоянно увеличивают расходы на хостинг. Данный факт вынуждает владельцев ресурсов искать оптимальное соотношение между экономией и качеством.
Классический формат JPEG не всегда позволяет достичь желаемых результатов из-за сильного падения качества картинки при существенном сжатии размера. По этой причине многие владельцы сайтов прибегают к куда более продвинутому формату PNG, обеспечивающему высокое качество изображений, однако и вес их будет ощутимо больше. Вследствие этого и сайт получается тяжелым.
Новая разработка WebP от Google способна обеспечить самое оптимальное сочетание качества и размера файлов. Формат был разработан более десяти лет назад. За это временной промежуток была проделана внушительная работа по его усовершенствования, для чего проводились многочисленные тесты на сервисах Google. Поэтому WebP является без преувеличений лучшим вариантом для владельцев сайтов на данный момент. Сервис Google PageSpeed Insights рекомендует использовать на сайтах именно WebP в качества альтернативы устаревшим форматам изображений (JPEG/PNG) с целью ускорения процесса загрузки сайтов.
Однако важно понимать, что как и любой другой новый формат, WebP может некорректно отображаться на малораспространенных браузерах. Во избежание этого потребуется обеспечение их отображения в привычных форматах JPEG и PNG. Для обеспечения совместимости применяются следующие способы:
- внедрение алгоритмов в код, направленных на то, чтобы владельцам универсальных браузеров демонстрировалась полнофункциональная версия ресурса со всеми актуальными функциями и разработками, в то время как владельцам менее распространенных браузеров или устаревших версий отображается упрощенный вариант.
- использование специальных плагинов, с которыми всё осуществляется через интерфейс, понятный для рядовых пользователей.
На первый взгляд использование нескольких версий одновременно является малоэффективным подходом. Однако важно понимать, что те, кто отказываются от усовершенствования ресурса и применения новых удобных для юзеров решений, не смогут успешно конкурировать. Использование сразу двух форматов является прогрессивным и полностью оправдывающим себя улучшением.
Как конвертировать файлы в WebP Magento?
Преобразование старых форматов PNG/JPEG в WebP не является сложной задачей, поскольку есть множество специализированных утилит. В случае изображений уже созданного сайта всё обстоит несколько иначе, ведь выполняемая вручную оптимизация картинок Magento отнимает много времени.
Чаще всего сжатие картинок Magento путем конвертации PNG/JPEG в WebP осуществляется с помощью специальных утилит. С данными программами столь трудоемкая работа осуществляется в пару щелчков мыши. По функционалу плагины могут отличаться. Одни предлагают простую конвертацию, а другие могут сохранять и старые форматы для тех пользователей, которые работают с устаревшими браузерами.
Эффективность варьируется в зависимости от плагина. Хорошие программные модули быстро и без каких-либо проблем осуществят преобразование, поскольку заранее тщательно тестируются разработчиками. В случае бесплатных или совсем дешевых плагинов могут возникать ошибки из-за проблем совместимости с версией платформы или прочими приложениями.
Один из лучших - OptiPic CDN. С помощью данного сервиса сжатие изображений Magento осуществляется автоматически при установке на сайт готового модуля интеграции под данную CMS. Именно к нему чаще всего прибегают, когда осуществляется оптимизация под PageSpeed, поскольку сервис не только конвертирует, но и убирает нагрузку с хостинга ресурса, ускоряя процесс отдачи картинок благодаря дополнительному кэшированию и оптимизации.
Автоматизация конвертации в WebP Magento с помощью OptiPic
Чтобы произвести ускорение Magento с помощью сервиса OptiPic CDN, необходимо загрузить и установить плагин на свой сайт. Процесс инсталляции предельно прост, а потому с ним смогут справиться даже новички.
Оптимизация изображений с помощью Magento
Осуществляется оптимизация изображений Magento следующим образом:
- Конвертация и передача WebP-файлов пользователям, если в браузере реализована поддержка данного формата.
- Предоставление сжатой версии картинки в старом формате, если в ходе автоматического тестирования было установлено, что WebP Magento не поддерживается браузером пользователя.
- Адаптация изображений под размеры и разрешение дисплеев мобильных устройств.
- Кэширование с целью повышения скорости загрузки изображений, что в свою очередь позволяет быстрее работать сайту, а также снижает нагрузку на хостинг.