Статья · Нейросети и инструменты

Как сделать инфографику с помощью нейросети

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

Девушка в белом свитшоте с принтом на спине
Реальное фото товара — основа, которую нейросеть может дополнить фоном или сценой. Работа FOTOOTZIV.

Что нейросеть для инфографики делает хорошо, а что плохо

Инфографика — это слайды в галерее карточки: товар, короткие тезисы, иконки, схемы. Нейросеть может сделать часть этой работы, но не всю.

Хорошо получается:

  • фон и сцена — однотонный фон с мягкой тенью, интерьер, стол, природа;
  • удаление фона с фото товара и дорисовка краёв до нужного формата;
  • иллюстрации и простые иконки для тезисов;
  • варианты стиля — можно быстро сравнить 5–10 решений и выбрать одно.

Плохо получается:

  • текст на картинке — буквы выходят кривыми, слова путаются;
  • цифры и размеры — нейросеть не знает реальных параметров вашего товара;
  • сам товар — при генерации «с нуля» он почти всегда отличается от настоящего.

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

Поэтому рабочая схема такая: товар — с реального фото, фон и декор — от нейросети, текст — в графическом редакторе.

Почему текст лучше добавлять в редакторе, а не в генерации

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

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

Что писать на слайдах, Ozon формулирует так: инфографика должна содержать характеристики товара, выгоды для покупателя и преимущества — уникальные особенности. Больше примеров — в статье «Инфографика для маркетплейсов».

Какую нейросеть для создания инфографики выбрать

Для инфографики нужны два типа инструментов: генератор изображений и редактор для вёрстки. Вот проверенные варианты.

ИнструментЧто делаетДля чего в инфографике
Шедеврум (Яндекс)создаёт изображения по текстовому описанию на русском, есть сайт и приложениефон, сцена, иллюстрации
ГигаЧат (Сбер) с моделью Kandinskyгенерирует и редактирует изображения по запросуфон, сцена, замена окружения
AI-редактор Ozonудаляет и генерирует фон — по описанию или по примеру, дорисовывает края до 3:4, улучшает качество; есть вкладка «Инфографика» для текста и иконокфон и простые слайды прямо в карточке Ozon
Фоторедактор Wildberriesудаляет фон нейросетью, добавляет текст, фигуры, иконки, сохраняет шаблоны, предлагает слоганы от нейросети WB; генерация композиции — по подписке «Джем»фон и вёрстка слайдов прямо в карточке WB
Figmaграфический редактор; у Ozon есть курс, как сделать изображение для карточки в Figmaвёрстка слайдов, шаблоны для серии товаров

Учтите условия сервиса: по правилам Шедеврума использовать созданные изображения в коммерческих целях можно только с предварительного согласия Яндекса. Условия других сервисов тоже проверьте перед публикацией.

В подборках часто встречаются Midjourney и Canva. Учтите, что Midjourney — платный зарубежный сервис, а Canva в 2022 году ушла из России. Условия всех сервисов меняются, поэтому перед работой проверьте их на официальном сайте.

Инфографика с помощью нейросетей: пошагово

  1. Подготовьте фото товара. Товар целиком, чёткий, на ровном фоне, при мягком свете. От этого кадра зависит всё остальное.
  2. Вырежьте товар из фона. В фоторедакторе Wildberries или в AI-редакторе Ozon. Проверьте края: волокна ткани, ручки, шнурки, прозрачные детали.
  3. Сгенерируйте фон без товара и без текста. Опишите место, свет, цвета и оставьте пустую зону под товар и тезисы. Сразу просите вертикальный кадр 3:4.
  4. Соберите слайд в редакторе. Поставьте товар поверх фона, добавьте мягкую тень, проверьте масштаб: товар должен занимать большую часть кадра.
  5. Добавьте текст. 3–5 коротких тезисов, один крупный заголовок, иконки одного стиля. Каждая цифра — с этикетки или из документов.
  6. Проверьте формат. Вертикаль 3:4, не меньше 900×1200 пикселей, файл до 10 МБ. Подробнее — в статье «Размер и формат фото для карточки».
  7. Сверьте с правилами площадки и с товаром. Чек-лист — ниже.

Какие слайды сделать и что поручить нейросети

СлайдЧто показатьРоль нейросети
Главное преимуществотовар крупно и одна главная мысльфон и мягкая тень
Характеристики3–5 параметров с иконкамииконки одного стиля
Размерысхема с габаритами или таблица размеровпочти никакой: цифры только с ваших замеров
Материал и деталикрупные планы ткани, швов, фурнитурыулучшение качества реального снимка
Товар в делекак им пользуются, где он стоит, как сидитфон для предметного кадра; на человеке — лучше живая съёмка
Комплектациявсё, что приедет покупателюудаление фона с фото комплекта

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

Промты для фона и иллюстраций

Хороший промт описывает место, свет, цвет, свободное место и то, чего на картинке быть не должно. Примеры:

  • «Столешница из светлого дерева, утренний свет из окна слева, на заднем плане размытая зелень, пустое место в центре, без людей и надписей, вертикальный кадр 3:4».
  • «Однотонный фон тёплого бежевого цвета, мягкая тень снизу, минимализм, без предметов и текста».
  • «Светлая ванная комната, мраморная полка, мягкий рассеянный свет, свободное место справа, без флаконов и надписей».
  • «Детская комната, деревянный пол, игрушки на заднем плане не в фокусе, дневной свет, свободное место внизу кадра».
  • «Набор простых линейных иконок: капля, снежинка, солнце, одинаковая толщина линий, чёрные на белом фоне».

Не просите нейросеть нарисовать ваш товар целиком — она нарисует похожий, но другой. И не добавляйте в промт надписи: Ozon в инструкции к генерации фона тоже советует не описывать текст, плашки и инфографику.

Инфографика нейросетью бесплатно: что реально

Бесплатно можно сделать почти всё: генерация фона в Шедевруме или ГигаЧате, удаление фона и текст во встроенных редакторах площадок, вёрстка в бесплатном тарифе графического редактора. Ограничения обычно касаются количества генераций, разрешения и части функций: например, на Wildberries генерация композиции работает только по подписке «Джем», а у AI-редактора Ozon есть суточные лимиты. Пошаговая схема без затрат — в статье «Карточка товара с нейросетью бесплатно».

Проверка инфографики по правилам площадок

  • На слайдах нет цен, скидок, слов вроде «распродажа», «только сегодня», «хит», контактов и ссылок. На Ozon также нельзя писать о доставке и возврате и призывать к действию.
  • На главном фото Wildberries — минимум инфографики, плашки нейтрального цвета. Яркие кислотные плашки и надписи, закрывающие товар, площадка считает ошибкой.
  • Текст контрастный. Wildberries рекомендует контрастность не ниже 4,5:1 для мелкого текста и 3:1 для крупного или жирного.
  • На главном фото Ozon не ставьте текст в зоны, где площадка показывает бейджи — например, «Лучшая цена» и значок сердечка.
  • Для Ozon Fresh и платформы Селект нужны фото без инфографики — проверьте требования своей категории.
  • Товар на слайде — ваш настоящий товар того же цвета, что на остальных фото.

Где без живой съёмки не обойтись

Если товар нужно показать в деле или на человеке, нейросеть тут слабее всего: ей неоткуда взять, как вещь сидит, тянется и двигается. Ozon предупреждает, что на фото с моделью AI-редактор не может отделить вещь от человека. Слайды «товар в деле» и «посадка» надёжнее собрать из реальных кадров — например, со съёмки с моделью, — а нейросеть оставить для фона и иконок. О том, где ещё нейросеть ошибается, читайте в статье «Нейросеть для карточек товара».

Частые вопросы

Какая нейросеть для инфографики подойдёт новичку?

Проще всего начать со встроенных редакторов Wildberries и Ozon: там есть удаление фона и добавление текста. Фон и сцену можно сгенерировать в Шедевруме или ГигаЧате. Учтите условия сервиса: по правилам Шедеврума использовать созданные изображения в коммерческих целях можно только с предварительного согласия Яндекса.

Можно ли сделать инфографику нейросетью бесплатно?

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

Почему нейросеть пишет текст с ошибками?

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

Можно ли сгенерировать товар нейросетью для инфографики?

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

Какой размер нужен для инфографики?

Вертикальный кадр 3:4, не меньше 900×1200 пикселей. Такой формат подходит и Wildberries, и Ozon.

Реальные фото товара для вашей инфографики

Снимем товар на модели дома, на улице, в кафе или на ПВЗ — больше 200 моделей в разных городах России, съёмка на последние iPhone.

Фото для карточки товара →

Источники: Wildberries — «Фото товаров: правила, рекомендации и частые ошибки», Wildberries — «Фоторедактор», Ozon — «Требования к фото, видео и видеообложкам», Ozon — «Редактирование фото».

Читайте также