Продолжаем работу над своим сайтом для SEO-продвижения. PageSpeed (https://pagespeed.web.dev/) показал, что страница сайта имеет проблему - изображения в формате PNG весят слишком много
Проведя детальный анализ возможных форматов изображений, пришли к выводу, что лучше всего в работе себя проявляет WebP
WebP значительно отличается от PNG и JPG по нескольким показателям:
• Изображения являются более компактными и быстрее загружаются на веб-страницах, что улучшает пользовательский опыт и ускоряет время загрузки страницы
• Использование WebP может сократить объем трафика, что может быть особенно полезно для мобильных устройств с ограниченной пропускной способностью
• Изображения сохраняют свое качество с минимальными потерями и минимальным размером, относительно PNG
Во время эксперимента решили проверить разные редакторы для работы. Основной упор сделали на Figma и Krita. Нашли плагин в Figma - WebP Export, пробовали менять изображение и с помощью него
Безусловно, показатели оказались совершенно разными:
1) Krita лучше подошла для этой работы: она сжимала изображение до необходимого размера и не уступала в качестве Figma
2) В Krita куда больше дополнительных функций для изменения формата изображения
3) В Figma использовали плагин, он хорошо справился с сжатием изображения, но сильно уступил по уже размеру/весу
4) Надеяться на плагин Figma не стоит: он работает на стороннем сервисе, который в любой момент может перестать выполнять необходимые функции
В прикрепленном коллаже можете ознакомиться со сравнительным анализом разных редакторов и форматов. Долго играли с дополнительными настройками для сжатия изображения и остановились на бесплатной Krita. Использование WebP-изображений может улучшить показатели скорости загрузки сайта, пользовательского опыта и мобильной оптимизации, что может положительно повлиять на SEO