К содержанию
Селлерам

Карточки для маркетплейсов: инфографика и фото товара в редакторе

Как собрать карточки для Wildberries и Ozon в редакторе интерфейсов: от размера фрейма до выгрузки серии картинок одним архивом.

Обновлено 6 минут чтения

Коротко

Чтобы сделать карточку для маркетплейса в Morfa, задайте размер фрейма вручную (готового пресета для маркетплейсов нет), положите фото товара заливкой «Изображение», соберите плашки компонентами и выгрузите карточки в JPG, PNG или WEBP с масштабом 2×.

По справке продавца Wildberries (обновлена 28 августа 2026 года) фото принимаются в JPG, PNG и WEBP, от 700×900 пикселей и до 10 МБ на файл. Требования Ozon проверяйте в его справке для продавцов.

  • Работает без VPN
  • 10 файлов бесплатно
  • Импорт из Figma на любом плане

Требования Wildberries к фото и что проверить у Ozon

Начните с требований площадки, а не с макета: от них зависят размер фрейма, формат и то, сколько текста можно положить на главное фото. Технические требования Wildberries взяты из справочного центра для продавцов, статья обновлена 28 августа 2026 года.

Технические требования Wildberries к фото товара (справочный центр продавца)
ПараметрТребование Wildberries
ФорматJPG, PNG, WEBP
Минимальное разрешение700×900 пикселей
Качество сжатияНе ниже 65 %
Размер файлаДо 10 МБ
Фото в карточкеДо 30 штук; чтобы товар попал в поиск, нужно хотя бы два

Визуальные правила из той же статьи, которые прямо касаются инфографики:

  • Товар на главном фото виден целиком и не обрезан, а на всех фото занимает максимальную площадь кадра.
  • Фон нейтральный, ровный и контрастный товару; градиентные фоны Wildberries использовать не рекомендует.
  • На фотографиях нет логотипов, бирок, акций и посторонних изображений.
  • Контраст текста — не меньше 4,5:1 для мелкого текста и 3:1 для крупного или жирного.
  • Маркетинговый текст на главном фото может снизить рейтинг карточки. Надписи о скидках, срочности, сезонных ценах и гарантиях влияют на рейтинг при любом размере, остальные — тем сильнее, чем они крупнее.
  • На главном фото лучше минимум инфографики, а плашки нейтрального цвета: кислотные цвета и надписи поверх товара тоже могут снизить рейтинг.

Какой размер фрейма задать

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

  1. Нарисуйте фрейм

    Выберите инструмент «Фрейм» (F) и протяните его на холсте.

  2. Введите ширину и высоту

    Во вкладке «Дизайн» справа впишите точные значения. Например, 700×900 — минимальное разрешение Wildberries.

  3. Сгруппируйте слайды товара

    Главное фото и дополнительные слайды одного артикула удобно держать рядом, в одной секции: инструмент «Секция», ⇧S.

Фото товара в карточке

Перетащите фото на холст, вставьте его из буфера или выберите «Поместить изображение…» (⇧⌘K). Подходят JPEG, PNG, WebP, AVIF и GIF до 20 МБ и 64 мегапикселей. Внутри файла картинка хранится с длинной стороной не больше 4096 px, PNG — без потерь.

Фото можно положить заливкой «Изображение» в режиме «Заполнить», «Вписать» или «Обрезать», подправить фильтрами «Экспозиция», «Контраст», «Насыщенность», «Температура», «Света» и «Тени», а под товар добавить эффект «Тень». Чтобы фото не вылезало за край, включите у фрейма «Обрезать содержимое» или используйте «Использовать как маску» (⌃⌘M).

Плашки и значки на компонентах

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

  1. Соберите плашку

    Оберните текст и иконку во фрейм (⌥⌘G) и добавьте автолейаут клавишами ⇧A. С размером «Обтянуть» плашка растёт вместе с текстом.

  2. Создайте компонент

    Выделите плашку и нажмите ⌥⌘K («Создать компонент»).

  3. Добавьте свойства

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

  4. Сделайте варианты

    Светлую и тёмную плашку объедините командой «Объединить как варианты» и переключайте в экземпляре.

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

Шрифты и цвета бренда

В каталоге Morfa 87 шрифтов с кириллицей: для крупных заголовков на карточке подойдут акцидентные Unbounded, Oswald или Russo One, для характеристик — гротески Manrope, Golos Text, Onest или Inter. Свой фирменный шрифт с компьютера в браузере можно подключить кнопкой «Показать шрифты компьютера», это работает в Chrome и Edge.

Цвета бренда сохраните в «Стили цвета», а заголовок, подпись и цифру характеристики — в «Стили текста». Новая карточка тогда собирается из готовых стилей, и надписи на всех слайдах одного размера. Контраст текста проверяйте по правилу площадки: для мелкого текста — не меньше 4,5:1.

Серия карточек для всей линейки

Сделайте одну карточку до конца, затем дублируйте фрейм (⌘D) под каждый товар. Надписи, которые повторяются во всей серии, меняйте через «Найти и заменить…» (⌘F), а оформление переносите командами «Копировать свойства» (⌥⌘C) и «Вставить свойства» (⌥⌘V).

Если карточки ведут несколько человек, опубликуйте компоненты и стили как библиотеку: «Файл» → «Опубликовать библиотеку…». В команде менеджеру, который только выгружает картинки, дайте роль «Наблюдатель»: он смотрит и экспортирует, место редактора не занимает. Пригласить его можно ссылкой-приглашением; письма не отправляются, ссылку пересылаете сами.

Как выгрузить карточки

Wildberries принимает JPG, PNG и WEBP — все три формата есть в экспорте. Масштаб выбирается из готовых (от 0,5× до 4×) или вписывается вручную: от 0,01× до 32× либо по точной ширине или высоте до 16 384 px.

  1. Выделите фреймы

    Все карточки серии или одну секцию.

  2. Настройте экспорт

    В разделе «Экспорт» вкладки «Дизайн» выберите JPG, PNG или WEBP и масштаб, например 2×.

  3. Выгрузите

    Откройте «Экспорт…» (⇧⌘E): несколько файлов скачаются одним ZIP-архивом.

  4. Проверьте файлы

    Размер каждого — до 10 МБ, разрешение — не меньше 700×900 для Wildberries.

Если сомневаетесь в степени сжатия JPG, выгрузите PNG: он сохраняется без потерь. Цвета в экспорте — в sRGB, как и нужно для экранов. Остальные настройки экспорта описаны на странице экспорт, а размеры для постов и сторис — в разделе для маркетологов.

Morfa — редактор интерфейсов в браузере

Компоненты, автолейаут, прототипы, совместная работа и код React. Без VPN, с оплатой в рублях.

0 ₽
План «Бесплатный»: 10 файлов, все инструменты и экспорт, без срока
990 ₽
в месяц за план «Профессиональный» или 790 ₽ при оплате за год; 20 ГБ картинок
Figma → Morfa
Импорт файлов по ссылке, бесплатно на любом плане
Без VPN
Открывается в браузере из России, без установки

Вопросы

Что чаще всего спрашивают о теме «Карточки для маркетплейсов».

Есть ли в Morfa готовый размер для карточки Wildberries?

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

Можно ли убрать фон с фото товара прямо в редакторе?

Нет, удалять фон у готовой фотографии Morfa не умеет. Загрузите снимок с уже вырезанным товаром в PNG: такие картинки хранятся без потерь.

Считается ли каждая карточка отдельным файлом?

Нет. Карточки — это фреймы, и в одном файле их может быть много: предел файла — 50 000 слоёв, 20 МБ данных и 200 страниц. Лимит плана «Бесплатный» — 10 файлов и 1 ГБ под картинки.

Как дать менеджеру выгружать карточки без права правки?

Добавьте его в команду с ролью «Наблюдатель»: он смотрит файлы и экспортирует картинки, но не редактирует. Эта роль не занимает место редактора.

Как поменять надпись сразу на всех карточках?

Если надпись одинаковая, держите её в основном компоненте: правка обновит все экземпляры, где текст не переопределён. Разные надписи меняйте через «Найти и заменить…» (⌘F).

Начните с шаблона или с файла из Figma

Бесплатно — 10 файлов, все инструменты и экспорт. Карта не нужна.