Главное фото карточки товара: психология выбора и 12 правил композиции для WB и Ozon

Воронка продаж на маркетплейсе устроена жёстко. Покупатель вводит запрос, площадка выдаёт сетку карточек, и дальше работает только одна метрика - кликабельность, или CTR. Если по вашей карточке не кликают, она не получает трафик, опускается в выдаче и постепенно умирает, какими бы хорошими ни были товар, цена и отзывы. А кликабельность в выдаче определяет ровно одно: главное фото. Не название (его обрезает в две строки), не цена (она у всех плюс-минус одинаковая), а именно картинка.

Дальше, уже внутри карточки, главное фото снова работает первым: оно открывает галерею и задаёт ожидание. Если в выдаче кадр обещал одно, а на странице товара покупатель видит другое, доверие падает, и он уходит. Поэтому главное фото - это узкое горлышко всей воронки. Вложения в трафик, реклама, выкупы для рейтинга - всё это льётся в дырявое ведро, если первый кадр слабый. Хорошая новость в том, что сильное главное фото делается по понятным правилам, и эти правила можно выучить и проверить цифрами. Этим и займёмся.

Считаем деньги: что стоит за каждым процентом CTR

Чтобы тема не казалась абстрактной, переведём её в рубли. Допустим, ваша карточка получает 10 000 показов в выдаче за неделю. При CTR 4 процента это 400 заходов в карточку. Поднимаете CTR до 6 процентов одним лишь сильным главным фото - это уже 600 заходов, то есть плюс 200 потенциальных покупателей без единого дополнительного рубля на рекламу. При конверсии в заказ 8 процентов и среднем чеке 1500 рублей разница в выручке составит около 24 000 рублей в неделю, или порядка 100 000 рублей в месяц на одной карточке. Главное фото - это самый дешёвый рычаг роста, потому что оно правится один раз, а работает на каждом показе.

Главное фото влияет на стоимость рекламы

Есть и второй, менее очевидный эффект. Внутренняя реклама на Wildberries и Ozon работает по аукциону, и площадка учитывает, насколько хорошо ваша карточка конвертит показы в клики и заказы. Слабое главное фото - низкий CTR - дороже выкупленная позиция за тот же результат. Сильное фото снижает фактическую стоимость клика и заказа в рекламе. То есть одна и та же ставка приносит больше при хорошей картинке. Поэтому оптимизацию рекламы всегда начинают не со ставок, а с главного фото.

Решение принимается до осознания

Покупатель не разглядывает вашу карточку. Он листает ленту со скоростью несколько карточек в секунду, и мозг отсеивает кандидатов раньше, чем человек успевает что-то подумать словами. Первичная оценка изображения занимает доли секунды - этого хватает, чтобы понять три вещи: что это за товар, выглядит ли он качественно и стоит ли остановиться. Если за это короткое окно кадр не дал внятного ответа, палец листает дальше, и второго шанса нет.

Из этого следует главный практический вывод: фото должно читаться мгновенно и без усилий. Любая загадка - что здесь изображено, где сам товар, почему так темно - это микрозадержка, на которой покупатель теряется и уходит. Ваша задача не заставить человека думать, а дать ему мгновенное узнавание.

Мозг ищет лицо, контраст и движение

Внимание человека эволюционно цепляется за несколько вещей: лица, резкие контрасты, яркие пятна и точку фокуса. В предметной съёмке это значит, что товар должен быть самым контрастным и резким объектом в кадре, а всё остальное - тише. Если фон пёстрый, а товар сливается, мозг не находит, за что зацепиться, и кадр воспринимается как шум.

Практически это означает иерархию резкости и контраста. В кадре должна быть одна доминанта - товар, и только она держит максимальную чёткость и насыщенность. Если в кадре есть человек (модель), будьте готовы, что взгляд уйдёт на лицо: либо используйте это осознанно, разворачивая модель так, чтобы лицо вело взгляд к товару, либо кадрируйте без лица, чтобы герой кадра остался один.

Закон сканирования: F-паттерн и Z-паттерн

В сетке выдачи глаз движется не хаотично. На широком экране и в горизонтальных блоках работает F-паттерн: взгляд скользит по верхней строке, затем спускается по левому краю. На мобильной ленте, где карточки идут в две колонки, ближе к Z-паттерну с зигзагом сверху вниз. Вывод для композиции: левый верхний угол кадра и центр - самые ценные зоны. Если ставите акцентную деталь или короткую подпись, держите её в верхней части кадра, нижнюю четверть глаз часто проскакивает.

Эффект мини-формата

Около 80 процентов трафика на российских маркетплейсах - мобильный. Это значит, что ваше фото покупатель видит размером с почтовую марку, примерно 150 на 200 пикселей в сетке выдачи. Всё, что вы тщательно прорисовывали на большом мониторе, на телефоне схлопывается в несколько крупных пятен. Мелкий текст не читается, тонкие детали исчезают, аккуратная фактура превращается в кашу. Поэтому проверять главное фото надо не на десктопе во весь экран, а уменьшив до размера ногтя - и если в этом размере товар узнаётся и привлекает, кадр рабочий.

Простой тест: откройте свою будущую карточку рядом с реальной выдачей на телефоне, держа экран на расстоянии вытянутой руки. С такого расстояния видны только три-четыре крупных пятна. Если по ним товар угадывается - хорошо. Если кадр превращается в неразборчивое нечто - упрощайте.

Доверие через качество картинки

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

Контекст выдачи: вы конкурируете, а не существуете в вакууме

Ключевая мысль, которую упускают новички: фото оценивается не само по себе, а в сравнении с соседями по выдаче. Можно сделать технически безупречный кадр, который потеряется, потому что вокруг десять таких же. И можно сделать кадр чуть смелее по композиции или ракурсу, и он выстрелит просто потому, что выбивается из ряда. Поэтому перед съёмкой обязательно посмотрите свою категорию в выдаче по целевому запросу: что делают конкуренты, какой фон преобладает, есть ли инфографика. Ваша цель - не слиться, а выделиться, оставаясь в рамках правил площадки.

Скриншот выдачи как рабочий инструмент

Сделайте скриншот первого экрана выдачи по своему главному запросу прямо с телефона. Уменьшите свой будущий кадр и вставьте его на это место мысленно или в простом редакторе. Так вы увидите карточку именно в том окружении, где она будет жить, и сразу поймёте, теряется она или цепляет. Этот приём бесплатный, занимает пять минут и экономит недели догадок.

Это ядро статьи. Двенадцать правил, проверенных на тысячах карточек. Они не противоречат друг другу, но иногда приходится искать баланс - например, между заполнением кадра и сохранением воздуха. Разберём каждое с конкретикой.

1. Заполнение кадра товаром

Товар должен занимать большую часть площади кадра - ориентир 80-85 процентов по площади. Самая частая ошибка новичков - товар-крошка посреди огромного пустого поля. В выдаче такой кадр выглядит как пустая карточка, товар не считывается. Увеличьте объект так, чтобы он доминировал, но не упирался в края (об этом правило про воздух).

Практический ориентир в пикселях: если вы готовите кадр 1200 на 1600, товар по высоте должен занимать примерно 1300-1400 пикселей из 1600, то есть от верхнего поля до нижнего почти весь кадр. Для длинных горизонтальных товаров (например, скалка, удлинитель) разворачивайте их по диагонали - так объект занимает больше площади, не упираясь в боковые края.

2. Воздух и поля по краям

При всём заполнении товар не должен касаться границ кадра. Оставьте по краям небольшое поле, ориентир 5-10 процентов от стороны. Во-первых, маркетплейс может обрезать фото под свой формат, и упёртый в край товар рискует лишиться куска. Во-вторых, объект, прижатый к рамке, создаёт ощущение тесноты. Поля дают товару дышать и выглядят дороже.

В пикселях на кадре 1200 ширины это полоса по 60-120 пикселей с каждой стороны. Особенно важно для товаров со штырями, ручками, носиками: торчащая деталь, упёртая в край, читается как обрезанная и удешевляет кадр.

3. Центровка и баланс

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

Проверьте вертикаль и горизонталь по сетке редактора. Бутылка, тюбик, коробка, стоящие с лёгким наклоном из-за того, что фотограф не выровнял камеру, бьют по ощущению аккуратности сильнее, чем кажется. Включайте сетку в камере телефона (в настройках это галочка «Сетка») - она помогает держать ось.

4. Правило третей для сложных композиций

Когда в кадре есть акцент - этикетка, логотип, ключевая деталь - его выгодно ставить не в центр, а в одну из точек пересечения линий, делящих кадр на трети. Мысленно разбейте кадр сеткой три на три; четыре точки пересечения - самые сильные зоны внимания. Это правило полезно для товаров со сложной формой и для имиджевых кадров, но для строгого белого фона центровка обычно выигрывает.

5. Выбор ракурса

Ракурс должен показывать товар с самой выгодной и самой информативной стороны. Для обуви это три четверти, а не строго сбоку. Для одежды - на модели или ровно разложенной, чтобы был понятен крой. Для техники - угол, где видны и форма, и ключевые элементы. Универсальное правило: покажите товар так, как покупатель хочет его увидеть, чтобы понять, что покупает.

Шпаргалка по ракурсам для частых категорий

6. Фокус строго на товаре

Главный объект должен быть идеально резким. Никакого мыла, никакого промаха фокуса на задний план. На мобильном экране мягкий фокус читается как брак фотографа и переносится на восприятие товара. Снимайте с прикрытой диафрагмой, чтобы товар был резким целиком, а не только в одной точке.

Для камеры это диафрагма примерно f/8-f/11 при предметной съёмке: так в зоне резкости весь объект, а не только передняя грань. На телефоне не используйте портретный режим с искусственным размытием фона для главного фото - он часто мажет края товара и выглядит дёшево. Снимайте в обычном режиме, тапните по товару для фокуса и держите камеру неподвижно (штатив или опора).

7. Цвет и контраст с фоном

Товар должен отделяться от фона. Белый товар на белом фоне без теней пропадает - нужны лёгкие границы, мягкая тень или чуть более тёплый оттенок фона. Тёмный товар на белом, наоборот, читается отлично. Главное правило: между товаром и фоном должна быть разница по светлоте или цвету, иначе мозг не вычленит объект.

Если товар светлый и сливается, есть три приёма: добавить мягкую падающую тень под объектом, оставить тонкий серый контур по краю при обтравке, или сделать фон не чисто белым, а очень светло-серым (примерно код f2f2f2), что часто допустимо там, где требуется «белый или светлый однотонный».

8. Читаемость в мини-формате

Проверяйте кадр в размере выдачи. Уменьшите его до ширины примерно 150 пикселей и посмотрите: понятно ли, что это за товар, виден ли он целиком, не сливается ли с фоном. Если в мини-формате кадр распадается, его надо упрощать - крупнее товар, чище фон, выше контраст.

9. Передача цвета и фактуры

Цвет товара на фото должен совпадать с реальным. Это не только про конверсию, но и про возвраты: если покупатель ждал бежевый, а получил серый, он вернёт товар и поставит низкую оценку, что бьёт по карточке вдвойне. Снимайте при нейтральном свете, выставляйте баланс белого, не уводите картинку в синеву или желтизну при обработке.

Технический приём: положите в первый тестовый кадр серую карту или лист нейтрально-серой бумаги, по нему выставите баланс белого в редакторе, затем уберите карту. Свет используйте одной цветовой температуры - не смешивайте тёплую лампу накаливания и холодный дневной свет из окна, иначе половина товара уйдёт в желтизну, половина в синеву, и точную цветопередачу не вытянуть.

10. Чистота и аккуратность объекта

На крупном плане видно всё: пыль, ворсинки, отпечатки пальцев, заломы ткани, неровно лежащую этикетку. Перед съёмкой товар нужно подготовить - протереть, отпарить, расправить. Грязный или мятый товар на главном фото - это прямой сигнал низкого качества.

Мини-чек-лист подготовки: протрите глянцевые поверхности микрофиброй (отпечатки на телефонах, посуде, технике видны особенно сильно), отпарьте ткань ручным отпаривателем, выровняйте этикетки, снимите ценники и заводские наклейки, удалите ворс липким роликом. Пять минут подготовки экономят час ретуши.

11. Единый стиль линейки

Если у вас несколько товаров или расцветок одной модели, держите единый стиль главных фото: один ракурс, один фон, один масштаб, один свет. В выдаче карточки одного бренда тогда узнаются как система, а не как случайный набор. Это повышает доверие и помогает покупателю сравнивать расцветки внутри вашей линейки, а не уходить к конкуренту.

Чтобы держать единообразие, зафиксируйте сетап: отметьте на столе положение товара и камеры малярным скотчем, запишите параметры съёмки (высота камеры, расстояние, настройки света) и снимайте всю линейку за один заход, не меняя света. Тогда десять расцветок встанут в выдаче идеально ровным рядом.

12. Эмоция и контекст там, где уместно

Сухой предметный кадр идеален для большинства категорий, но в некоторых нишах работает контекст: товар в использовании, на модели, в интерьере, с эмоцией. Для одежды, декора, детских товаров живой кадр часто выигрывает у студийного. Важно: контекст не должен перетягивать внимание с товара и не должен нарушать требования площадки к главному фото (см. следующий раздел).

Сводная таблица правил

Что требуют площадки

Самый частый вопрос продавцов: можно ли лепить текст и плашки на главное фото. Ответ зависит от площадки и категории, и его нужно проверять в актуальной справке маркетплейса перед загрузкой, потому что требования меняются.

Общая логика на 2026 год такая:

• Wildberries относительно лояльно относится к инфографике, включая первое фото во многих категориях. Здесь распространена практика, когда на главном кадре есть короткие подписи-выгоды. Но есть категории и требования, где первое фото должно быть чистым, поэтому смотрите правила своей категории.
• Ozon исторически строже к главному фото: во многих категориях требуется товар на белом или однотонном светлом фоне без посторонних объектов, рекламного текста и логотипов брендов-конкурентов. Инфографику чаще разрешают на втором и последующих кадрах. Перед загрузкой проверяйте требования категории, иначе карточка может уйти на модерацию или получить ограничения.
• Яндекс Маркет для главного фото в большинстве категорий тоже требует товар на белом фоне без лишних объектов и рекламного текста, особенно в товарах под единую карточку модели. Инфографика и сценные кадры уходят на дополнительные изображения.
• Авито правил почти не диктует, но здесь покупатель ждёт реальное фото товара, а не глянцевую картинку. Живой кадр при хорошем свете часто работает лучше каталожного.

Белый фон: когда он сильнее

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

Важный технический нюанс: «белый» не означает «выжженный». Если выкрутить яркость так, что фон станет чисто 255 белым и края товара растворятся, кадр потеряет объём, а светлый товар сольётся с полем. Профессионалы держат фон на уровне примерно 250-254, оставляя товару тонкую границу и лёгкую тень-опору, чтобы он не «висел в пустоте».

Инфографика: когда она оправдана

Инфографика на главном фото имеет смысл, когда у товара есть неочевидная ключевая выгода, которую нельзя показать формой: объём, состав, размер, комплектация, гарантия. Короткая подпись вроде объёма в литрах или количества штук в наборе может поднять клик. Но работает только дисциплинированная инфографика:

• Один-два главных тезиса, не десять. Перегруженный текстом кадр в мини-формате превращается в нечитаемое месиво.
• Крупный шрифт, который виден на телефоне. Если подпись не читается в размере выдачи, она бесполезна и только мешает.
• Контраст текста с фоном, чтобы буквы не тонули.
• Товар всё равно главный. Инфографика дополняет, а не заменяет показ продукта.

Технические ориентиры для текста на кадре

Чтобы подпись читалась в выдаче, высота шрифта на кадре 1200 пикселей должна быть не меньше 70-90 пикселей для главного тезиса. Проверка простая: уменьшите готовый кадр до 150 пикселей по ширине - если текст всё ещё разборчив, он сработает; если слипся в полоску, увеличивайте шрифт и режьте слова. Держите текст в верхней трети или сбоку, не перекрывайте им сам товар. Цвет плашки берите контрастный, но не кислотный: тёмно-синий, чёрный, тёмно-зелёный на светлом читаются лучше всего.

Как решить для своей карточки

1. Откройте выдачу по своему ключевому запросу и посмотрите, что делают топовые конкуренты: преобладает белый фон или инфографика.
2. Если у всех инфографика - чистый кадр может выделить вас, и наоборот.
3. Проверьте требования вашей категории на обеих площадках.
4. Сделайте оба варианта и проверьте A/B-тестом, а не интуицией (об этом ниже).

Сравнение подходов

Частая ловушка: текст конкурента и чужие логотипы

Даже там, где инфографика разрешена, нельзя ставить на кадр логотипы чужих брендов, чужие водяные знаки, рекламные блоки маркетплейса и заведомо ложные обещания («самый дешёвый», «номер 1»). За это карточку режут на модерации, а при повторах ограничивают продажи. Безопасные тезисы - это фактические характеристики: объём, размер, количество в наборе, материал, страна. Оценочные превосходные степени лучше уносить в описание, а не на кадр.