Сжатие изображений
Сжатие WebP, AVIF, JPEG и PNG прямо в браузере.
Перетащите изображения и уменьшите их вес. Все работает локально в браузере: без загрузки на сервер, без очередей и регистрации. Сравните качество до и после перед скачиванием.
Что проверяет инструмент
- Форматы AVIF, WebP, JPEG и PNG
- Наглядное сравнение качества до и после
- Работает локально: файлы не покидают браузер
- Пакетная обработка до 50 изображений за раз
Что означает каждая цифра.
Отчет, который невозможно понять, лишь усложняет поиск проблемы.
Размер до и после
Экономия переданных данных. На странице товара изображения занимают от 60 до 75% общего веса, поэтому их сжатие дает самый заметный прирост скорости.
Формат
AVIF обычно на 20-30% легче WebP при схожем качестве, а WebP заметно превосходит JPEG. Оба формата сейчас широко поддерживаются браузерами.
Сравнение бок о бок
Оценивайте результат на реальных фото товаров в том масштабе, в котором они отображаются на сайте. Мелкие детали (текстура ткани, строчка, зернистость) страдают первыми.
Уровень качества
Универсального значения нет. Для ткани и сложных текстур требуется более высокое качество, а для простой графики и плоских цветов хватит минимального.
Реальная механика вместо общих фраз.
- 01
Изображения создают основной вес страницы
На типичной странице товара Shopify почти весь трафик приходится на картинки. Никакая другая оптимизация не дает такого сильного эффекта.
- 02
Вес критичен на мобильных устройствах
При медленном соединении разница между баннером на 2,4 МБ и 300 КБ решает, дождется ли покупатель загрузки или закроет вкладку.
- 03
Разовая работа с долгосрочным эффектом
В отличие от многих задач по оптимизации, сжатие имеющегося каталога фотографий: разовая задача, результат которой работает на вас постоянно.
Что обычно обнаруживается и как это исправить.
Четыре распространенные проблемы, которые этот инструмент выявляет в магазине на Shopify чаще всего.
Находка
Загрузка фото в исходном разрешении камеры
Причина
Между съемкой фотографа и публикацией в магазине файлы не уменьшают в пикселях.
Решение
Ограничьте мастер-файл размером примерно вдвое больше максимальной ширины блока (для Retina-экранов), а остальное отдаст CDN.
Находка
Отправка JPEG вместо AVIF
Причина
Не настроена отдача современных форматов.
Решение
Отдавайте современные форматы с резервной копией в JPEG. CDN в Shopify сам подбирает подходящий формат для каждого браузера.
Находка
Отложенная загрузка главного баннера
Причина
Правило lazy loading применили ко всем изображениям страницы подряд.
Решение
Никогда не используйте отложенную загрузку для главного баннера на первом экране. Обычно это элемент LCP, и его задержка сразу портит Core Web Vitals.
Находка
Сжатие уже сжатого файла
Причина
Повторное пережатие JPEG, сохраненного в низком качестве.
Решение
Если сохранился оригинал, всегда сжимайте именно его. Повторное кодирование накапливает артефакты.
О чем этот инструмент умалчивает.
У каждого инструмента есть рамки. Понимая эти границы, вы не станете делать ложных выводов.
- Сжатие происходит прямо в браузере и файлы никуда не отправляются, но из-за этого обработка очень больших пакетов упирается в мощность вашего компьютера.
- Невозможно восстановить уже потерянные детали. Если исходник сохранен в низком качестве, получить лучшее изображение не выйдет.
Другие бесплатные инструменты.
Все инструменты- Бесплатный SEO-аудит ShopifyОценка любого магазина Shopify примерно за 30 секунд.
- Проверка метатеговКонтроль длины title и метаописаний в пикселях по стандартам Google.
- Проверка alt-текстаНайдите на странице все изображения, которые не сможет озвучить скринридер.
- Валидатор микроразметки SchemaПроверяйте JSON-LD по реальным требованиям Google.
Настройте непрерывную проверку.
Установите ShopSEO бесплатно, проведите первый аудит меньше чем за минуту и легко отмените любые изменения, если что-то не понравится. Без банковской карты, без правок в теме и без обязательств.