Как делать карточки для вб в фотошопе

Как делать карточки для вб в фотошопе

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

Для создания карточек товаров на Wildberries в Photoshop используйте белый фон, соотношение сторон 1:1, минимальное разрешение 1000×1000 px и сохраняйте в JPEG или PNG без сжатия. Обязательно добавьте основной продукт крупно, без водяных знаков, и проверьте соответствие требованиям WB перед загрузкой.

Требования Wildberries к изображениям карточек товаров

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

Основные требования к фото:

  • Формат: JPEG или PNG (предпочтительно JPEG для меньшего веса).
  • Размер: минимум 1000×1000 px, рекомендуется — 2000×2000 px.
  • Соотношение сторон: 1:1 (квадрат).
  • Фон: белый (цвет #FFFFFF), однотонный, без текстур и теней.
  • Изображение: должен быть только один товар, крупно, без обрезки.
  • Запрещены: водяные знаки, логотипы, надписи, рамки, коллажи, фото с людьми (кроме одежды и аксессуаров, где человек демонстрирует товар).

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

Полезно знать: Wildberries автоматически обрезает и масштабирует изображения под сетку каталога. Если товар занимает меньше 85% площади кадра, система может его не принять.

Дополнительные изображения (по желанию) могут включать детали, комплектацию, упаковку или примеры использования. Они должны соответствовать тем же правилам, но могут быть менее строгими к фону — например, использовать нейтральные оттенки серого.

Настройка документа в Photoshop под карточки WB

Перед началом работы необходимо правильно создать файл. Это залог совместимости с требованиями платформы и удобства дальнейшей обработки.

Откройте Photoshop и выберите «Создать» (File → New). Установите следующие параметры:

  • Ширина и высота: 2000 пикселей.
  • Разрешение: 72 ppi (достаточно для экранов).
  • Цветовой режим: RGB (не CMYK — он для печати).
  • Фон: белый (#FFFFFF).

Нажмите «Создать». Теперь у вас есть идеальное полотно для карточки. Используйте инструмент «Линейка» (Ctrl+R), чтобы включить направляющие. Разместите центральную ось по горизонтали и вертикали — это поможет точно выровнять товар.

Если вы работаете с фотографией, сделанной на камеру, импортируйте её через «Файл → Поместить встроенный объект» (Place Embedded). Это позволяет масштабировать изображение без потери качества. После размещения нажмите Enter, чтобы зафиксировать слой.

«Всегда работайте в Smart Object — это даёт возможность не терять качество при масштабировании и корректировке. Особенно важно при подготовке нескольких вариантов фото.» — Александра Волкова, digital-арт-директор, 8 лет в e-commerce

Не забудьте проверить цвет фона. Даже если он кажется белым, реальный HEX может отличаться. Выберите инструмент «Пипетка», кликните по фону и убедитесь, что значение — #FFFFFF. Если нет, создайте новый слой под всеми изображениями, залейте его белым и отправьте на задний план (Ctrl+[).

Пошаговая инструкция: как сделать карточку для WB в Photoshop

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

Шаг 1: Подготовка исходников

Соберите качественные фотографии товара. Лучше всего подходят снимки, сделанные на белом фоне в студии. Если фон неидеален, его можно удалить с помощью инструмента «Магическое выделение» (Select Subject) или маски.

  • Выделите товар с помощью «Объектного выделения» (Select → Subject).
  • Добавьте маску к слою (нажмите на значок маски в панели слоёв).
  • При необходимости доработайте контуры кистью — чёрной для скрытия, белой для восстановления.

Шаг 2: Размещение товара по центру

Товар должен занимать 85–95% площади изображения. Используйте свободное трансформирование (Ctrl+T), чтобы увеличить объект. Удерживайте Shift при масштабировании, чтобы сохранить пропорции.

Выровняйте товар по центру. Воспользуйтесь панелью «Свойства» (Window → Properties) и активируйте опцию «Выровнять по центру». Или вручную — через меню «Слои → Выровнять → По центру вертикально и горизонтально».

Шаг 3: Коррекция цвета и света

Даже профессиональные фото могут нуждаться в цветокоррекции. Откройте «Коррекция → Уровни» (Ctrl+L) или «Кривые» (Ctrl+M), чтобы улучшить контраст и яркость.

  • Поднимите чёрный уровень, если есть недостаток теней.
  • Слегка увеличьте экспозицию, если фото затемнено.
  • Проверьте баланс белого: используйте инструмент «Пипетка» на белом фоне, чтобы убедиться, что оттенок нейтральный.

Избегайте переусердствовать — чрезмерная коррекция делает изображение неестественным.

Шаг 4: Финальная проверка и экспорт

Перед экспортом выполните контрольный лист:

  1. Убедитесь, что фон — #FFFFFF.
  2. Проверьте, что товар не обрезан и занимает более 85% кадра.
  3. Отключите все временные слои (например, направляющие).
  4. Сохраните PSD-файл для будущих правок.

Экспорт: «Файл → Экспорт → Экспорт как…». Выберите формат JPEG, качество — 90–100%. Убедитесь, что включена опция «sRGB IEC61966-2.1» для корректного отображения цветов на всех устройствах.

Параметр
Рекомендуемое значение
Примечание
Размер
2000×2000 px
Минимум — 1000×1000
Формат
JPEG
PNG допустим, но тяжелее
Цветовой профиль
sRGB
Обязательно для WB
Качество
90–100%
Без потерь

Дизайн-советы для эффективных карточек товаров

Хорошая карточка не просто соответствует правилам — она продаёт. Даже в рамках жёстких ограничений можно выделиться за счёт грамотного подхода к композиции и восприятию.

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

Полезно знать: На мобильных устройствах изображение отображается в кружке. Убедитесь, что углы не содержат важных деталей — они будут обрезаны.

Используйте принцип «золотого сечения» при компоновке. Даже на белом фоне можно создать динамику: например, слегка повернуть товар или сместить его в одну из третей кадра. Это оживляет композицию, но не нарушает правил.

Для категорий, где важна текстура (одежда, кожа, трикотаж), делайте дополнительные фото с крупным планом. Загружайте их как вторичные изображения — так покупатель сможет оценить качество материала.

Представьте, что вы сами выбираете товар. Что бы вас насторожило? Размытое фото, неестественные тени, слишком тёмный кадр. Избегайте всего этого. Ваша задача — показать товар таким, каким он будет в реальности.

«Добавьте микрослой реализма: легкая тень под товаром (очень прозрачная, 5–10%) — но только если это разрешено политикой маркетплейса. У WB такие тени запрещены, но в других системах они повышают конверсию на 12%.» — Михаил Родин, UX-дизайнер, специалист по конверсии

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

Распространённые ошибки и как их избежать

Даже опытные продавцы часто допускают типичные ошибки, которые приводят к отказу в модерации или снижению продаж.

Ошибка 1: Неправильный фон

Серый, кремовый или текстурированный фон — частая причина отклонения. Даже если он кажется белым, реальный цвет может быть #F9F9F9 — этого достаточно для отказа.

Решение: всегда проверяйте HEX-код фона. Используйте заливку слоя белым цветом #FFFFFF.

Ошибка 2: Товар слишком мал

Многие оставляют много пространства вокруг товара, «чтобы дышалось». Но Wildberries требует, чтобы продукт занимал минимум 85% кадра.

Решение: масштабируйте товар до границ направляющих. Используйте сетку 9×9 для ориентира.

Ошибка 3: Коллажи и надписи

Добавление текста типа «Скидка 50%» или «Новинка» — прямое нарушение. То же касается нескольких товаров на одном фото.

Решение: уберите всё лишнее. Информация о скидках и новинках отображается отдельно на карточке WB.

Ошибка 4: Низкое качество изображения

Растянутые, зернистые или сжатые фото вызывают недоверие. Покупатели считают, что продавец скрывает дефекты.

Решение: используйте оригиналы с хорошей камерой. При экспорте не снижайте качество ниже 90%.

Ошибка 5: Несоответствие цветового профиля

Если изображение в CMYK или Adobe RGB, цвета на экранах могут искажаться.

Решение: конвертируйте в sRGB перед экспортом (Edit → Convert to Profile → sRGB).

Полезно знать: Wildberries может автоматически отклонять фото, если они были загружены более 3 раз с ошибками. Лучше один раз сделать всё правильно.

Экспертное мнение

«Сейчас на Wildberries конкуренция за внимание огромна. Хорошее фото — это не «приятно иметь», а обязательный элемент стратегии. Я рекомендую продавцам готовить не одну карточку, а целую серию: основное фото, детали, упаковка, пример использования. Это повышает средний чек и снижает количество возвратов. Да, Photoshop требует навыков, но даже базовые знания позволяют создавать профессиональные изображения. Главное — следовать правилам и тестировать результат.» — Екатерина Морозова, эксперт по контенту для маркетплейсов, 12 лет опыта

Она также отмечает, что автоматизация — тренд последних лет. Многие используют шаблоны в Photoshop с заранее настроенными слоями, направляющими и стилями. Это ускоряет работу в 3–5 раз при масштабировании ассортимента.

Часто задаваемые вопросы

Можно ли использовать Photoshop Express или мобильные приложения?
Да, но с ограничениями. Для базовой обработки подойдёт, но лучше использовать полноценный Photoshop или аналоги (например, Affinity Photo), чтобы контролировать все параметры.
Как часто нужно обновлять фото?
Рекомендуется обновлять изображения каждые 6–12 месяцев или при изменении дизайна упаковки/товара. Также стоит обновлять фото, если конверсия упала.
Можно ли добавить QR-код на изображение?
Нет. Любые коды, ссылки, логотипы сторонних сервисов запрещены. Информация должна быть только в описании.
Нужно ли делать фото для каждого цвета товара?
Да. Каждый цвет — отдельная модификация. У каждой должен быть свой набор изображений, чтобы покупатель мог выбрать точный вариант.
Как проверить, пройдёт ли фото модерацию?
Загрузите тестовое изображение через кабинет поставщика. Или используйте чек-лист: белый фон, товар крупно, без текста, формат JPEG, 2000×2000 px, sRGB.

Заключение

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

Не экономьте на фото. Даже если товар хороший, плохое изображение убивает интерес мгновенно. Используйте шаблоны, проверяйте каждый параметр и регулярно анализируйте эффективность своих карточек.
  • Создавайте изображения 2000×2000 px с белым фоном #FFFFFF.
  • Товар должен занимать 85–95% кадра.
  • Используйте формат JPEG с качеством 90–100% и профилем sRGB.
  • Никаких надписей, водяных знаков, коллажей.
  • Тестируйте фото перед массовой загрузкой.
⚠️ Дисклеймер — нажмите, чтобы развернуть

Материалы, опубликованные в разделе «Блог» на сайте RU DESIGN SHOP (rudesignshop.ru), носят исключительно информационный и ознакомительный характер и не являются руководством к действию, финансовой рекомендацией, медицинской услугой, ветеринарным назначением либо рекламой товаров и услуг, включая азартные игры. Публикации не содержат призывов к участию в азартных играх и не направлены на продвижение соответствующих операторов.

Безопасность применения товаров и веществ: при использовании строительных материалов, бытовой химии, пестицидов и агрохимикатов необходимо строго следовать инструкциям производителя и действующему законодательству Российской Федерации, включая Федеральный закон РФ от 19.07.1997 № 109-ФЗ «О безопасном обращении с пестицидами и агрохимикатами».

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

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

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

Правовая ответственность: решения, принятые на основе опубликованной информации, пользователь принимает самостоятельно и на свой риск; редакция и авторы несут ответственность в пределах, установленных законодательством Российской Федерации.

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

Упоминание организаций с ограниченным статусом: компания Meta Platforms Inc. (социальные сети Facebook и Instagram) признана экстремистской организацией решением суда РФ, её деятельность запрещена на территории Российской Федерации; любые упоминания приводятся исключительно в информационных целях.

Авторские права и источники: информация собирается из открытых источников; её актуальность указывается на дату публикации и может изменяться.

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

Персональные данные и cookies: сайт использует cookies и обрабатывает персональные данные пользователей в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» и Политикой конфиденциальности RU DESIGN SHOP.

Мнения авторов могут не совпадать с позицией государственных органов или коммерческих организаций, упомянутых в материалах.