Как сделать карточку на вб в фотошопе

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

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

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

Первое фото в карточке должно быть основным — на нём изображается товар крупным планом без посторонних предметов. Размер изображения должен составлять не менее 2500×2500 пикселей при соотношении сторон 1:1. Это позволяет использовать зум на сайте и мобильном приложении, что особенно важно для одежды, обуви и аксессуаров.

Формат и размер фото

• Разрешение: минимум 2500×2500 px (рекомендуется 3000×3000 px для запаса).
• Формат файла: JPEG или PNG.
• Максимальный вес: до 5 МБ.
• Цветовая модель: RGB (не CMYK).

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

Оформление фона и композиции

Фон на основном изображении должен быть чисто белым (#FFFFFF). Допускаются лёгкие тени от объекта, но они не должны искажать форму товара или создавать эффект «грязного» фона. Запрещено использовать текстуры, градиенты, водяные знаки и рамки.

Композиция должна быть центрированной. Товар занимает 80–90% площади изображения, не касаясь краёв. Для одежды допустим манекен, но только в нейтральной позе и без лишних аксессуаров. На фото не должно быть людей, если только это не обувь или очки, где требуется демонстрация ношения.

Настройка рабочего пространства в Photoshop

Для эффективной работы с карточками товаров необходимо правильно настроить интерфейс и параметры документа. Откройте Photoshop и создайте новый файл через Файл → Создать. Установите ширину и высоту 2500 пикселей, разрешение — 72 ppi (для веба достаточно), цветовой режим — RGB.

Выберите рабочее пространство «Фотография» в меню Окно → Рабочие пространства. Это активирует нужные панели: «Слои», «Свойства», «История». Закрепите их сбоку для удобства. Включите линейки (Ctrl+R) и настройте сетку: Редактирование → Настройки → Сетка, шаг 500 пикселей — так проще выравнивать объекты.

Обязательно включите режим «Выравнивание» (Вид → Выравнивание). Когда вы перемещаете объект, он будет автоматически привязываться к центру, краям или другим слоям. Это спасает от асимметрии и дисбаланса в композиции.

Пошаговый процесс создания карточки товара

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

Скопируйте выделенный объект на новый слой. Удалите старый фон, заполнив его белым цветом. Проверьте край — при увеличении 300% он должен быть чётким, без серых или цветных артефактов. При необходимости используйте «Маску слоя» и мягкую кисть для плавного сглаживания.

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

Добавление текста и ценника

Если бренд разрешает, можно добавить логотип или название бренда в угол. Используйте инструмент «Текст» (T), выберите чёткий шрифт (например, Montserrat или Helvetica), размер 60–80 pt. Цвет — чёрный или тёмно-серый (#333333). Разместите текст в нижнем правом или левом углу, отступ 100 пикселей от края.

Ценник добавляют редко, но если это делается, он должен быть реалистичным. Создайте прямоугольник с закруглёнными углами (инструмент «Прямоугольник» с радиусом 20 px). Залейте его красным (#FF0000) или оранжевым (#FF6B00). Добавьте текст цены белым цветом, жирным начертанием. Примените эффект «Внутреннее свечение» или «Тень», чтобы ценник выглядел объёмно.

Работа с тенями и освещением

Естественная тень добавляет глубины и реализма. Создайте дубликат слоя с товаром, залейте его чёрным цветом (Изображение → Коррекция → Замена цвета). Сожмите его по вертикали (Ctrl+T → Shift для пропорций, потяните за нижние углы).

Размойте тень фильтром «Размытие по Гауссу» (5–15 пикселей). Уменьшите непрозрачность до 30–50%. Переместите тень ниже объекта, чтобы имитировать источник света сверху. Можно добавить лёгкий наклон, если свет направлен под углом.

Не используйте тени, если товар — это плоский предмет (например, футболка на вешалке). В таких случаях тень будет выглядеть неестественно. Лучше оставить чистый фон.

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

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

Вторая ошибка — неправильный фон. Серый, жёлтый или текстурированный фон не соответствует требованиям Wildberries. Даже если фото сделано на белой ткани, при плохом свете она может выглядеть грязной. Исправляйте цветовой баланс: Коррекция → Баланс белого или «Уровни» (Ctrl+L).

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

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

Дмитрий также отмечает важность A/B-тестирования. Например, одна карточка — с ценником, другая — без. Через платную рекламу в WB можно за неделю понять, какой вариант приносит больше кликов и покупок. Это особенно актуально для новых коллекций или сезонных товаров.

Вопросы и ответы

Заключение

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

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

• Создавайте изображения 2500×2500 px на чистом белом фоне.
• Используйте слои и маски в Photoshop для гибкого редактирования.
• Добавляйте тени и текст только при необходимости и сдержанно.
• Тестируйте разные варианты карточек через рекламу.
• Регулярно обновляйте визуал, чтобы оставаться конкурентоспособным.