Как делать карточки для вб в фотошопе
В создании карточек для Wildberries в Photoshop важно сочетать техническую точность, соблюдение требований маркетплейса и привлекательный визуальный стиль. Качественные изображения напрямую влияют на доверие покупателей, конверсию и позиции товара в поиске. Важно учитывать не только размеры и форматы, но и правила оформления — от фона до шрифтов и размещения логотипов.
- Требования Wildberries к изображениям карточек товаров
- Настройка документа в Photoshop под карточки WB
- Пошаговая инструкция: как сделать карточку для WB в Photoshop
- Шаг 1: Подготовка исходников
- Шаг 2: Размещение товара по центру
- Шаг 3: Коррекция цвета и света
- Шаг 4: Финальная проверка и экспорт
- Дизайн-советы для эффективных карточек товаров
- Распространённые ошибки и как их избежать
- Ошибка 1: Неправильный фон
- Ошибка 2: Товар слишком мал
- Ошибка 3: Коллажи и надписи
- Ошибка 4: Низкое качество изображения
- Ошибка 5: Несоответствие цветового профиля
- Экспертное мнение
- Часто задаваемые вопросы
- Заключение
Требования Wildberries к изображениям карточек товаров
Wildberries предъявляет чёткие стандарты к изображениям, чтобы обеспечить единый визуальный стиль и комфорт пользовательского опыта. Несоблюдение этих норм может привести к отказу в модерации или снижению видимости товара.
Основные требования к фото:
- Формат: JPEG или PNG (предпочтительно JPEG для меньшего веса).
- Размер: минимум 1000×1000 px, рекомендуется — 2000×2000 px.
- Соотношение сторон: 1:1 (квадрат).
- Фон: белый (цвет #FFFFFF), однотонный, без текстур и теней.
- Изображение: должен быть только один товар, крупно, без обрезки.
- Запрещены: водяные знаки, логотипы, надписи, рамки, коллажи, фото с людьми (кроме одежды и аксессуаров, где человек демонстрирует товар).
Для категорий одежды и обуви допускается использование манекенов или живых моделей. Главное — чтобы фокус был на продукте, а модель не отвлекала внимание. Также важно, чтобы изображение было качественным: резким, без шумов и пересветов.
Дополнительные изображения (по желанию) могут включать детали, комплектацию, упаковку или примеры использования. Они должны соответствовать тем же правилам, но могут быть менее строгими к фону — например, использовать нейтральные оттенки серого.
Настройка документа в Photoshop под карточки WB
Перед началом работы необходимо правильно создать файл. Это залог совместимости с требованиями платформы и удобства дальнейшей обработки.
Откройте Photoshop и выберите «Создать» (File → New). Установите следующие параметры:
- Ширина и высота: 2000 пикселей.
- Разрешение: 72 ppi (достаточно для экранов).
- Цветовой режим: RGB (не CMYK — он для печати).
- Фон: белый (#FFFFFF).
Нажмите «Создать». Теперь у вас есть идеальное полотно для карточки. Используйте инструмент «Линейка» (Ctrl+R), чтобы включить направляющие. Разместите центральную ось по горизонтали и вертикали — это поможет точно выровнять товар.
Если вы работаете с фотографией, сделанной на камеру, импортируйте её через «Файл → Поместить встроенный объект» (Place Embedded). Это позволяет масштабировать изображение без потери качества. После размещения нажмите Enter, чтобы зафиксировать слой.
Не забудьте проверить цвет фона. Даже если он кажется белым, реальный HEX может отличаться. Выберите инструмент «Пипетка», кликните по фону и убедитесь, что значение — #FFFFFF. Если нет, создайте новый слой под всеми изображениями, залейте его белым и отправьте на задний план (Ctrl+[).
Пошаговая инструкция: как сделать карточку для WB в Photoshop
Создание карточки — это системный процесс, который можно разбить на этапы. Следуя алгоритму, вы сократите время на правки и повысите шанс прохождения модерации.
Шаг 1: Подготовка исходников
Соберите качественные фотографии товара. Лучше всего подходят снимки, сделанные на белом фоне в студии. Если фон неидеален, его можно удалить с помощью инструмента «Магическое выделение» (Select Subject) или маски.
- Выделите товар с помощью «Объектного выделения» (Select → Subject).
- Добавьте маску к слою (нажмите на значок маски в панели слоёв).
- При необходимости доработайте контуры кистью — чёрной для скрытия, белой для восстановления.
Шаг 2: Размещение товара по центру
Товар должен занимать 85–95% площади изображения. Используйте свободное трансформирование (Ctrl+T), чтобы увеличить объект. Удерживайте Shift при масштабировании, чтобы сохранить пропорции.
Выровняйте товар по центру. Воспользуйтесь панелью «Свойства» (Window → Properties) и активируйте опцию «Выровнять по центру». Или вручную — через меню «Слои → Выровнять → По центру вертикально и горизонтально».
Шаг 3: Коррекция цвета и света
Даже профессиональные фото могут нуждаться в цветокоррекции. Откройте «Коррекция → Уровни» (Ctrl+L) или «Кривые» (Ctrl+M), чтобы улучшить контраст и яркость.
- Поднимите чёрный уровень, если есть недостаток теней.
- Слегка увеличьте экспозицию, если фото затемнено.
- Проверьте баланс белого: используйте инструмент «Пипетка» на белом фоне, чтобы убедиться, что оттенок нейтральный.
Избегайте переусердствовать — чрезмерная коррекция делает изображение неестественным.
Шаг 4: Финальная проверка и экспорт
Перед экспортом выполните контрольный лист:
- Убедитесь, что фон — #FFFFFF.
- Проверьте, что товар не обрезан и занимает более 85% кадра.
- Отключите все временные слои (например, направляющие).
- Сохраните PSD-файл для будущих правок.
Экспорт: «Файл → Экспорт → Экспорт как…». Выберите формат JPEG, качество — 90–100%. Убедитесь, что включена опция «sRGB IEC61966-2.1» для корректного отображения цветов на всех устройствах.
Параметр |
Рекомендуемое значение |
Примечание |
|---|---|---|
Размер |
2000×2000 px |
Минимум — 1000×1000 |
Формат |
JPEG |
PNG допустим, но тяжелее |
Цветовой профиль |
sRGB |
Обязательно для WB |
Качество |
90–100% |
Без потерь |
Дизайн-советы для эффективных карточек товаров
Хорошая карточка не просто соответствует правилам — она продаёт. Даже в рамках жёстких ограничений можно выделиться за счёт грамотного подхода к композиции и восприятию.
Первое впечатление формируется за 0.5 секунды. Пользователь видит миниатюру в каталоге, и именно она решает — кликнуть или пролистать дальше. Поэтому товар должен быть максимально чётко виден, без отвлекающих элементов.
Используйте принцип «золотого сечения» при компоновке. Даже на белом фоне можно создать динамику: например, слегка повернуть товар или сместить его в одну из третей кадра. Это оживляет композицию, но не нарушает правил.
Для категорий, где важна текстура (одежда, кожа, трикотаж), делайте дополнительные фото с крупным планом. Загружайте их как вторичные изображения — так покупатель сможет оценить качество материала.
Представьте, что вы сами выбираете товар. Что бы вас насторожило? Размытое фото, неестественные тени, слишком тёмный кадр. Избегайте всего этого. Ваша задача — показать товар таким, каким он будет в реальности.
Если вы продвигаете бренд, используйте фирменные цвета в описании и названии — но не на изображении. Логотип можно разместить только на упаковке, если она часть товара.
Распространённые ошибки и как их избежать
Даже опытные продавцы часто допускают типичные ошибки, которые приводят к отказу в модерации или снижению продаж.
Ошибка 1: Неправильный фон
Серый, кремовый или текстурированный фон — частая причина отклонения. Даже если он кажется белым, реальный цвет может быть #F9F9F9 — этого достаточно для отказа.
Решение: всегда проверяйте HEX-код фона. Используйте заливку слоя белым цветом #FFFFFF.
Ошибка 2: Товар слишком мал
Многие оставляют много пространства вокруг товара, «чтобы дышалось». Но Wildberries требует, чтобы продукт занимал минимум 85% кадра.
Решение: масштабируйте товар до границ направляющих. Используйте сетку 9×9 для ориентира.
Ошибка 3: Коллажи и надписи
Добавление текста типа «Скидка 50%» или «Новинка» — прямое нарушение. То же касается нескольких товаров на одном фото.
Решение: уберите всё лишнее. Информация о скидках и новинках отображается отдельно на карточке WB.
Ошибка 4: Низкое качество изображения
Растянутые, зернистые или сжатые фото вызывают недоверие. Покупатели считают, что продавец скрывает дефекты.
Решение: используйте оригиналы с хорошей камерой. При экспорте не снижайте качество ниже 90%.
Ошибка 5: Несоответствие цветового профиля
Если изображение в CMYK или Adobe RGB, цвета на экранах могут искажаться.
Решение: конвертируйте в sRGB перед экспортом (Edit → Convert to Profile → sRGB).
Экспертное мнение
Она также отмечает, что автоматизация — тренд последних лет. Многие используют шаблоны в Photoshop с заранее настроенными слоями, направляющими и стилями. Это ускоряет работу в 3–5 раз при масштабировании ассортимента.
Часто задаваемые вопросы
Заключение
Создание карточек для 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.
Мнения авторов могут не совпадать с позицией государственных органов или коммерческих организаций, упомянутых в материалах.