Shopify устроен иначе, чем маркетплейс. Здесь нет свода правил для главного фото, как на Amazon: то, как показываются изображения, решает ваша тема, а то, как они выглядят, решаете вы. Эта свобода и есть самая частая проблема. Магазин, где квадратные фото соседствуют с вертикальными, белый фон с серым, а плотное кадрирование со свободным, выглядит недоделанным, даже если каждый снимок по отдельности хорош.
Начните с технических ограничений
Базовые требования описаны на странице справочного центра Shopify о медиафайлах товара:
- Изображения товаров и коллекций могут быть размером до 5000 x 5000 px, или 25 мегапикселей, и весить меньше 20 МБ.
- Для квадратных фото товаров лучше всего обычно смотрится 2048 x 2048 px.
- PNG назван лучшим форматом для большинства фото товаров, за ним идёт JPEG. Также принимаются WebP, HEIC, GIF и ряд других форматов.
- Чтобы главные фото на страницах коллекций отображались одного размера, используйте для всех одинаковое соотношение сторон.
Именно в последнем пункте ошибается большинство магазинов. Выберите одно соотношение (квадрат надёжнее всего работает в разных темах, а для одежды хорошо подходит вертикальный формат 4:5) и используйте его для первого фото каждого товара.
Определите фирменный стиль до съёмки
Запишите четыре решения и применяйте их к каждому товару. Это займёт десять минут и избавит от пересъёмки.
- Соотношение сторон главного фото и то, следуют ли ему остальные снимки.
- Фон главного фото: чисто белый, молочный или один фирменный цвет.
- Кадрирование: сколько места вокруг товара и где он расположен. Если товары занимают в кадре примерно одинаковую площадь, сетка коллекции выглядит ровно.
- Ракурс: прямо, чуть сверху или строго сверху. Выберите его для каждой категории и не меняйте.
Зачем нужно каждое фото на странице товара
- Главное фото должно узнаваться в сетке коллекции даже в маленьком размере. Режим Studio.
- Дополнительные ракурсы (сбоку, сзади, сверху) отвечают на вопрос «а как выглядит остальное». Режим Studio.
- Фото в контексте показывает, где и как используется товар, и заодно даёт понять размер. Режим Concept.
- Фото на модели для одежды и аксессуаров показывает, как вещь сидит. Режим Fashion.
- Детали: материал, швы, отделка, разъёмы, этикетки. Лучше снять крупным планом самостоятельно.
- Фото вариантов: по одному на каждый цвет или отделку, с привязкой к варианту. Режим Studio, отдельный исходный снимок на каждый вариант.
- Комплектация: чтобы не получать письма «я думал, в комплекте есть...». Режим Studio или ваше собственное фото.
Фото вариантов требуют особого внимания. Если покупатель выбирает «шалфейный зелёный», а главное фото переключается на снимок другого оттенка, вы об этом услышите. Снимайте каждый вариант отдельно, а не перекрашивайте один исходник.
Пакетный процесс со Studio Zero
- Один раз настройте место. Стол у окна, белый картон для подсветки, телефон на штативе или стопке книг на одной высоте. Отметьте положение товара скотчем, чтобы каждый предмет стоял в одной точке.
- Снимите все товары за одну сессию: минимум фронтальный кадр, один дополнительный ракурс и одну деталь. Тот же свет, то же расстояние.
- Главные фото: пропустите фронтальные снимки через режим Studio. Обрежьте все до выбранного соотношения с одинаковыми полями.
- Lifestyle: выберите один-два стиля сцен в режиме Concept, подходящих бренду, и используйте их по всему каталогу, чтобы магазин выглядел цельно.
- Одежда и аксессуары: для фото на модели используйте режим Fashion.
- Проверьте всё в размере миниатюр. Перед загрузкой положите все главные фото рядом. Всё, что выбивается (другой размер, другой белый, другой ракурс), переделайте.
- Загрузите фото и привяжите изображения вариантов в админке Shopify.
Имена файлов и alt-текст
Фото товаров могут приводить трафик из поиска по картинкам, но только если поисковик понимает, что на них. Рекомендации Google по SEO для изображений советуют короткие описательные имена файлов и называют alt-текст самым важным атрибутом в метаданных изображения. Переименуйте файлы до загрузки (например, linen-apron-sage-front.jpg вместо IMG_4821.jpg) и пишите alt-текст, который описывает содержимое снимка, а не перечисляет ключевые слова. В Shopify alt-текст можно отредактировать для каждого изображения в разделе медиа товара.
Если вы синхронизируете товары с Google через канал Google & YouTube, изображения должны также соответствовать требованиям Google Merchant Center к изображениям. Они запрещают рекламные надписи и водяные знаки и требуют, чтобы у изображений, созданных AI, сохранялись AI-метаданные. Главное фото с надписью «SALE» может нормально смотреться в вашем магазине и быть отклонено там.
Ошибки, из-за которых магазин выглядит недоделанным
- Разные соотношения сторон у главных фото.
- Разный белый: у одних товаров чисто белый, у других тёплый молочный.
- Фото поставщика рядом с вашими собственными в одной коллекции.
- Lifestyle-сцены в пяти разных стилях внутри одной коллекции.
- Загрузка огромных оригиналов. Shopify сам уменьшает изображения, но очень большие файлы замедляют работу в админке и могут превысить лимит в 20 МБ.
Когда AI не подходит
Если привлекательность товара в фактуре или ручной работе (керамика, кожа, изделия из дерева), настоящие крупные планы весят больше любого фона. То же касается товаров, где решает точный цвет: краски, пряжи, ткани на отрез. Используйте AI для главного фото и lifestyle-сцен, а детали снимайте сами.
Где пригодятся встроенные инструменты Shopify
В админке Shopify есть собственные AI-функции, и они удобны для описаний товаров и простой правки изображений прямо на платформе. Отдельное фотоприложение полезнее, когда вы готовите целые наборы фото из снимков с телефона. Многие продавцы используют и то и другое: фото из мобильного приложения, тексты и настройка магазина в Shopify.