Какой фон выбрать для карточки товара: белый, цветной, lifestyle

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

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

Фон выполняет три задачи сразу, и их важно не путать.

• Проходит модерацию. У каждой площадки есть формальные требования к главному фото. Если фон не соответствует, карточку отклоняют или занижают в выдаче.
• Продаёт товар. Чистый нейтральный фон убирает визуальный шум, взгляд покупателя идёт прямо на предмет. Правильный фон повышает кликабельность в общей выдаче, где рядом стоят десятки конкурентов.
• Формирует восприятие бренда. Единый стиль фона по всему каталогу читается как аккуратность и надёжность продавца. Разнобой фонов, наоборот, выглядит как самодеятельность.

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

Белый фон в товарной съёмке стал отраслевым стандартом не случайно. У него есть объективные преимущества.

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

Что такое чистый белый и оттенки белого

Белый белому рознь. В работе встречаются три разных понятия, которые новички путают.

• Чисто белый (RGB 255,255,255). Абсолютно белый пиксель без единого оттенка. Именно его чаще всего требуют площадки для главного фото. Такой фон полностью растворяется в интерфейсе.
• Условно белый (около 250-254). Светло-светло-серый, который глазом воспринимается как белый, но при этом сохраняет лёгкую фактуру и мягкую тень под товаром. Часто выглядит естественнее, чем выжженный 255, и допускается там, где не требуют строго 255.
• Тёплый или холодный белый. Если баланс белого при съёмке сбит, фон уходит в желтизну или синеву. Это брак: на фоне соседних карточек он смотрится грязным.

Разница между 255 и 250 кажется мелочью, но в галерее из десятков товаров она видна сразу. Один товар на чистом 255, второй на сероватом 245, и второй проигрывает, хотя предмет может быть лучше.

Чистый белый: 255 или почти белый

Здесь есть тонкость, о которой спорят фотографы. Абсолютный 255,255,255 полностью убивает тень под товаром, и предмет может выглядеть неестественно приклеенным. Поэтому многие оставляют лёгкую мягкую тень и фон около 252-254, а сам фон за пределами тени доводят до 255. Получается и требование площадки соблюдено (основное поле белое), и товар стоит на поверхности, а не висит в пустоте.

Если площадка требует именно 255 без исключений, тень убирают полностью или заменяют аккуратной дизайнерской тенью-эллипсом под предметом. Это уже вопрос обработки, а не съёмки.

Требования у площадок пересекаются, но не совпадают дословно. Ниже сводная таблица по основным маркетплейсам. Формулировки площадки периодически обновляют, поэтому перед массовой загрузкой стоит свериться с актуальной справкой конкретной площадки, но общая логика устойчива.

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

Общие запреты для главного фото

Вне зависимости от площадки, на главном фото почти всегда запрещены:

• водяные знаки, логотипы стороннего производителя, контакты продавца;
• текст, надписи, инфографика, ценники, стикеры скидок;
• посторонние предметы, реквизит, который не входит в комплект;
• коллажи из нескольких кадров в одном изображении;
• рамки, цветные подложки-градиенты, декоративные виньетки.

Белый нужен не всегда и не везде. За пределами главного слота и в отдельных нишах хорошо работают другие варианты.

Светло-серый фон

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

Цветной фон

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

• поддержать фирменные цвета бренда и сделать каталог узнаваемым;
• создать контраст с товаром (тёмный товар на светлом цветном фоне, светлый на насыщенном);
• задать настроение: пастель для косметики и детских товаров, глубокие тёмные тона для премиум-сегмента.

Важно, чтобы цвет фона не искажал цвет товара и не спорил с ним. Красный товар на красном фоне превращается в пятно. Цвет подбирают по контрасту и по гармонии, а не наугад.

Градиентный фон

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

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

• Спокойный и светлый. Фон не должен перетягивать внимание с текста и товара. Обычно это светлые тона, мягкий градиент или лёгкая фактура.
• Достаточный контраст с текстом. Тёмный текст на светлом фоне или светлый на тёмном, без промежуточных вариантов, где буквы теряются.
• Единый по всей карточке. Если инфографика в одном стиле фона, галерея выглядит собранной.

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

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

Когда лайфстайл работает:

• покупателю трудно представить масштаб и применение товара по фото на белом;
• товар про эмоцию и стиль жизни (декор, текстиль, аксессуары, косметика);
• нужно показать сочетаемость и комплект в интерьере.

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

Фактура - это отдельный класс фона, который придаёт кадру материальность и настроение. Дерево, бетон, лён, мрамор, крафт-бумага работают как декорация под нишу.

• Дерево. Тёплое, уютное, хорошо под еду, кухонную утварь, крафтовые и эко-товары, косметику ручной работы.
• Бетон и камень. Строгий, минималистичный, техничный фон под гаджеты, инструмент, мужскую косметику, украшения в брутальном стиле.
• Ткань и лён. Мягкий, тактильный фон под текстиль, ювелирку, парфюм, товары для дома.
• Мрамор. Премиальный и чистый, часто под косметику, украшения, кондитерку.

Фактурный фон почти всегда идёт на дополнительные фото. На главном он допустим редко и только там, где площадка не требует строгого белого. Главный риск фактуры - перетянуть внимание. Она должна быть подложкой, не героем: приглушённая, слегка расфокусированная, без резких ярких элементов рядом с товаром.

Универсального фона нет, но есть устойчивые связки ниша - фон, которые работают.

Одежда и обувь

Главное фото - на белом или светло-сером, либо на модели (если площадка допускает предметку и фото на модели в главном слоте). Светло-серый спасает светлые вещи, которые тонут в белом. Дополнительные слоты - лайфстайл на модели, детали ткани и швов крупным планом, инфографика с размерной сеткой.

Косметика и парфюм

Главное - чистый белый, чтобы читались этикетка и цвет продукта. Дополнительно - пастельные и цветные подложки, мрамор, вода и капли, свотчи текстур. Здесь фон активно создаёт настроение и премиальность.

Еда и продукты

Главное - белый для чёткости упаковки. Дополнительно - деревянные и каменные фактуры, сервировка, ингредиенты в кадре, лайфстайл с готовым блюдом. Тёплые фактуры вызывают аппетит лучше, чем стерильный белый.

Мебель и товары для дома

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

Ювелирка и часы

Главное - белый или очень светлый нейтральный, чтобы читался металл и камни. Дополнительно - тёмные бархатистые и тканевые подложки, которые подчёркивают блеск и грани. Ювелирка - самая сложная ниша по бликам и рефлексам, здесь фон и свет работают в паре.

Электроника и гаджеты

Главное - чистый белый. Дополнительно - тёмный фон, бетон, техничные градиенты, инфографика с характеристиками и портами. Тёмный фон хорошо подаёт технику как премиальную.

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

Снимать сразу на нужном фоне

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

Снять на любом фоне и заменить его в обработке

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

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

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

• Бумажный фон (рулон). Самый распространённый вариант для белого. Дёшев, даёт равномерный матовый тон, легко сворачивается в бесшовную дугу. Минус - мнётся, пачкается, край рвётся, испачканный участок проще отрезать, чем отчистить.
• Пластик и ПВХ. Матовые пластиковые панели моются, не мнутся, служат долго. Хороши для мелкой предметки на столе. Полуглянцевый ПВХ даёт красивое мягкое отражение под товаром, но требует контроля бликов.
• Ткань. Тканевые фоны (муслин, велюр, бархат) не бликуют, глубоко поглощают свет. Тёмный бархат - классика для ювелирки и глянца. Минус - заломы и ворс, которые видно в кадре и приходится отпаривать.
• Стекло и акрил. Прозрачная или матовая поверхность для съёмки с отражением товара (популярный приём для техники и косметики) и для подсветки снизу в лайткубе.
• Натуральные фактуры. Деревянные щиты, бетонные плиты, каменные слэбы, крафт-картон, лён. Дают материальность для лайфстайла и фактурных дополнительных фото.

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

Фон - это не только цвет, но и то, как товар расположен в кадре относительно этого фона. Модерация и восприятие зависят от геометрии.

• Отступы вокруг товара. Товар не должен упираться в края кадра и не должен теряться в пустоте. Комфортное поле фона вокруг предмета - примерно 10-15 процентов от стороны кадра. Это поле даёт воздух и место под будущую обрезку под разные форматы.
• Заполнение кадра. Товар должен занимать основную часть площади, обычно порядка 70-85 процентов. Слишком мелкий предмет на большом фоне выглядит потерянным, слишком крупный - обрезанным.
• Соотношение сторон. У площадок свои требования, чаще вертикальный или квадратный формат для карточки. Снимайте с запасом фона по краям, чтобы кадрировать под нужное соотношение без потери товара.
• Разрешение. Фон и товар должны быть в достаточном разрешении, чтобы карточка оставалась резкой при увеличении. Мелкий шум и зерно на фоне при масштабировании превращают чистый белый в грязноватую крупу.
• Центрирование. Товар на главном фото обычно ставят по центру, ровно, без наклонов и заваленного горизонта. Это часть аккуратного единообразия каталога.

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

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

Зачем он нужен:

• убирает линию стыка, которую иначе пришлось бы ретушировать на каждом кадре;
• даёт равномерный градиент вместо плоской стены, товар получает мягкий объём;
• ускоряет обработку: чистый однородный фон проще довести до 255.

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

Фон не существует отдельно от света. Даже идеально белый фон испортят неправильные тени и паразитные отражения.

Тени под товаром

Тень - друг и враг одновременно. Мягкая естественная тень даёт предмету опору и объём. Жёсткая тёмная тень с рваными краями выглядит как брак и мешает выйти на белый 255. Управляют тенью так:

• рассеянный свет (софтбоксы, зонты) вместо голого источника - тень становится мягкой;
• подсветка фона отдельным источником или отражателем - тень светлеет;
• отражатель или белый лист снизу и сбоку - подбивает тень под предметом;
• в обработке - осветление или полная замена тени на аккуратный эллипс.

Рефлексы и паразитные оттенки

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

Блики на глянцевых и зеркальных поверхностях

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

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

• Разделяйте свет фона и свет товара. Фон подсвечивают отдельными источниками, товар - своими. Тогда фон можно вывести в белый, не пережигая предмет.
• Держите фон чуть светлее товара, но не выжигайте. Достаточно фона около 245-250 в съёмке, финальный 255 доведёте в обработке точечно, не трогая товар.
• Контролируйте гистограмму. Если правый край упирается в стену с большим отрывом от контура товара - фон белый, а детали целы.
• Не ставьте товар вплотную к фону. Отступ уменьшает переотражения и упрощает отделение в обработке.

Вывести фон в чистый 255 безопаснее в обработке, чем на съёмке. В редакторе вы поднимаете только фон, а контур и светлые детали товара остаются нетронутыми. Пересвеченный на съёмке кадр восстановить уже нельзя.

Обтравка - это точное отделение товара от фона по контуру. От её качества напрямую зависит, как товар будет смотреться на новом фоне.

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

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

• Серый вместо белого. Фон кажется белым на экране камеры, а в галерее сереет рядом с чистыми карточками конкурентов. Проверяйте пипеткой значение RGB.
• Цветной оттенок из-за баланса белого. Фон уходит в жёлтый или синий, весь каталог выглядит грязным. Настраивайте баланс белого по серой карте.
• Инфографика и текст на главном фото. Классическая причина отклонения модерацией. Всё это - на дополнительные слоты.
• Жёсткая рваная тень. Выглядит как брак и мешает выйти на белый. Смягчайте свет или заменяйте тень в обработке.
• Разнобой фонов по каталогу. Каждая карточка на своём фоне - каталог смотрится неаккуратно. Приведите всё к единому стандарту.
• Ореол после плохой обтравки. Светлая или тёмная кайма по контуру после грубого вырезания. Сложные края - только ручной маской.
• Пересвеченный фон, съевший контур. Светлый товар растворился в выжженном белом. Разделяйте свет фона и товара.
• Захламлённый лайфстайл. Реквизит перетягивает внимание, товар теряется. Оставляйте предмет главным героем кадра.

1. Определите слот. Главное фото или дополнительное. Для главного - белый или максимально нейтральный, без текста и реквизита.
2. Сверьтесь с требованиями площадки для вашей категории. Одежда и обувь часто допускают модель, техника и косметика ждут чистый белый.
3. Учтите цвет и материал товара. Светлое и белое лучше показывать на светло-сером, глянец и зеркало - через контролируемый свет и лайткуб.
4. Подберите фон под нишу для дополнительных фото: фактура под еду и эко, лайфстайл под мебель и текстиль, тёмный под технику и премиум.
5. Решите, снимать на фоне или менять его в обработке. Для каталога под ключ - комбинируйте: контролируемая съёмка плюс доводка белого и инфографика в обработке.
6. Приведите весь каталог к единому стандарту фона, чтобы карточки читались как один бренд.

• Главное фото на белом или светлом однородном фоне, без текста, логотипов и реквизита.
• Фон проверен пипеткой: основное поле близко к RGB 255,255,255, без желтизны и синевы.
• Светлый товар отснят на светло-сером, если на белом теряет контур.
• Тень под товаром мягкая и естественная либо аккуратно заменена в обработке.
• Блики и рефлексы на глянце и металле проконтролированы светом и картами.
• Контур товара отделён чисто, без ореола, сложные края сделаны вручную.
• Инфографика, лайфстайл и фактура вынесены на дополнительные слоты.
• Фон единый по всему каталогу, карточки в выдаче выглядят как один ряд.

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

Обязателен ли чисто белый фон 255 на всех площадках?

Не везде дословно. Требование чистого белого жёстче всего на Яндекс Маркете и в ряде категорий Wildberries и Ozon. Многие площадки принимают светлый однородный фон, близкий к белому, с мягкой тенью. Но белый 255 безопасен везде и никогда не станет причиной отклонения по фону, поэтому его берут за стандарт.

Можно ли ставить цветной фон на главное фото?

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

Чем белый фон отличается от светло-серого и что выбрать?

Белый нейтрален и растворяется в интерфейсе, но светлые и белые товары на нём теряют контур. Светло-серый даёт чёткий силуэт светлым предметам и прощает огрехи света. Для тёмных и цветных товаров берите белый, для белых и очень светлых - светло-серый на дополнительных фото, а главное всё равно приводите к белому по требованиям площадки.

Что лучше: снимать сразу на белом или менять фон в обработке?

Оптимально совмещать. Снимать на контролируемом фоне ради естественных теней, а финальный белый и инфографику доводить в обработке. Съёмка сразу на идеальном 255 без пересвета сложна технически, а замена фона в обработке даёт полный контроль и позволяет из одного кадра сделать и главное фото, и инфографику.

Почему товар на моём белом фоне выглядит серым в выдаче?

Скорее всего фон недоведён до чистого белого или сбит баланс белого. На экране камеры он кажется белым, но по значению это 240-248 с лёгким оттенком. Рядом с карточками конкурентов на чистом 255 он сереет. Проверьте фон пипеткой и при необходимости поднимите его в обработке до 255, не трогая товар.

Как убрать жёсткую тень от фона?

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

Какой фон выбрать для ювелирки и глянцевых товаров?

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

Нужен ли разный фон для главного и дополнительных фото?

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