Сжать фото для Shopify

Многие темы показывают товары в квадратной рамке с зумом, поэтому 2048 пикселей по длинной стороне дают достаточно деталей без излишка. Квадратные фото товаров держат сетку коллекции ровной — используйте размер 1080 × 1080 или квадрат 2048, если тема обрезает неквадратные изображения.

WebP меньше JPG при сравнимом качестве и широко поддерживается; если подключённое приложение, фид или маркетплейс ждёт JPG, переключите формат до сжатия.

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

Прозрачные PNG-логотипы и значки держите в PNG или WebP — JPG добавит белый прямоугольник. Для фото на простом фоне удаление фона поможет сделать каталог чище и единообразнее.

Вес изображений — лишь часть скорости магазина, другая часть — приложения и скрипты. Если отчёт о производительности всё ещё отмечает изображения, обработайте баннеры через сжатие фото для сайта. Продаёте и на маркетплейсах? Сделайте отдельные копии через сжатие для Amazon или eBay.

Shopify сохраняет имя файла в адресе изображения, поэтому переименуйте файлы до загрузки: sinyaya-lnyanaya-rubashka-speredi.webp лучше, чем IMG_4031.webp. Это помогает поисковикам понять изображение и упрощает работу с медиатекой.

Добавляйте альтернативный текст к каждому фото товара в админке Shopify: опишите товар и показанный вариант — цвет или ракурс. Alt читают экранные дикторы и поисковики, и он хранится отдельно от файла, поэтому сохраняется при замене изображения.

Если у каждого варианта своё фото, сделайте их одной формы и похожего размера, чтобы галерея не прыгала при переключении цвета. Сожмите весь набор одной пачкой и скачайте ZIP — общие настройки держат качество одинаковым.