Інфографіка для маркетплейсу: картка товару з текстом, який не ламається

Інфографіка — це фото товару, поверх якого стоять заголовок, кілька характеристик і невелика плашка. Вона працює там, де покупець гортає видачу і не читає опис: друге й третє фото картки, стрічка Instagram, сторіс. Нижче — які блоки справді читаються, чому генеративні моделі калічать українські слова і як ми обійшли цю проблему.

Де інфографіка доречна, а де вона зашкодить

Текст на зображенні дозволений не скрізь, і це не питання смаку — це правила майданчиків. Головне фото на Rozetka радять лишати повністю чистим: напис на ньому вимикає показ товару в Google Shopping, а в категоріях одягу, взуття і прикрас написи, рамки й водяні знаки заборонені взагалі. Prom не радить текст на фото і прямо забороняє оцінкові написи, контакти та QR-коди. Тому інфографіка — це друга й наступні позиції в галереї, а не перша.

  • Головне фото маркетплейсу — без тексту
  • Друга і третя позиції в галереї — інфографіка з характеристиками
  • Стрічка Instagram — текст дозволено
  • Stories, Reels і TikTok — текст лише в безпечній зоні, щоб його не закрили елементи інтерфейсу
  • Оголошення на дошці — ставка на вигляд реального знімка, тому пресет віддає кадр без напису

Які блоки читаються з мініатюри

У видачі картка живе розміром із нігтик, тому в неї вміщується рівно три речі. Заголовок — одна думка, без переліку через кому. Кілька коротких фактів, по одній перевазі на рядок. Плашка в кутку на кшталт «Новинка». Усе інше покупець прочитає в описі, і тягнути його туди з фото не треба.

  • Заголовок — до 60 символів
  • Від 2 до 5 пунктів, до 48 символів кожен; скільки саме вміститься, залежить від шаблона плашки
  • Плашка в кутку — до 20 символів
  • Текст стоїть на затемненні або на суцільній панелі, щоб не залежати від фону

Чому кирилиця ламається у генеративних моделей

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

Як ми це вирішили: текст малюємо ми, а не модель

Модель віддає чисте зображення без жодного напису — заборона тексту вшита в кожну концепцію. Далі поверх нього лягає окремий текстовий шар: шаблон із оголошеною текстовою областю, у яку рендер сам розставляє рядки й підбирає кегль. Літери беруться з рядка, який ви ввели, тому помилитися в них ніде.

  • Шрифти з повним кириличним набором вшиті в сервіс — не тягнуться з мережі й не підмінюються
  • Кольори плашки й тексту підбираються за домінантними кольорами кадру, з перевіркою контрасту за WCAG
  • Переноси рахуються за реальною шириною рядка українською
  • Текст, що не вміщається, зменшується до мінімального кегля, а далі ви бачите попередження, а не мовчазне обрізання
  • Чистий кадр зберігається окремо, тому експорт під головне фото віддає версію без тексту

Правки тексту нічого не коштують

Оскільки напис — це окремий шар, зміна формулювання не вимагає нової генерації. Ви правите рядок, і система перемальовує лише шар поверх того самого кадру. Для порівняння: агенція бере за картку 150–500 грн, шаблонна робота на біржі фрілансу — 25–55 грн.

  • Картка з інфографікою — 4 кредити
  • Правка тексту на готовій картці — 0 кредитів, до 30 разів на годину
  • Точкове покращення кадру текстовим запитом — 2 кредити
  • Ресайз під інший пресет майданчика — 1 кредит

Питання і відповіді

Чи можна ставити інфографіку на головне фото товару

На Rozetka головне фото краще лишати чистим: напис на ньому вимикає показ у Google Shopping, а в категоріях одягу, взуття і прикрас написи заборонені правилами. Prom текст на фото теж не рекомендує. Інфографіка ставиться на друге й наступні фото галереї; пресет головного фото віддає кадр без напису, тож переплутати їх складно.

Скільки характеристик має сенс виносити на картку

Від 2 до 5, кожна до 48 символів, заголовок — до 60. Це не межа бази даних, а межа кадру: довший текст перетворює фото на суцільну плашку і не читається з мініатюри у видачі. Скільки пунктів вміститься, залежить від обраного шаблона плашки — сервіс попередить, якщо не влазить.

Що робити, якщо в тексті знайшлася помилка

Виправити рядок і перемалювати шар. Кадр лишається той самий, кредити не списуються, ліміт — 30 правок на годину. Повна перегенерація потрібна лише тоді, коли ви хочете інше зображення, а не інший напис.

Чому текст не генерує сама нейромережа

З кирилицею генеративні моделі помиляються систематично: пропущені літери, перекручені закінчення, зламані переноси, довільний шрифт. Продавцю картка з помилкою в слові не потрібна взагалі — він не може її опублікувати. Тому модель малює чисте зображення, а напис накладається окремим шаром із того рядка, який ви ввели.

Чи можна взяти одну картку і завантажити її на кілька майданчиків

Так, один результат вивантажується в кількох пресетах: маркетплейси, дошка оголошень, стрічка Instagram, Stories і Reels, власний сайт — кожен окремим файлом. Розмір і правила фону підставляє пресет, а там, де текст на фото не дозволений, ви отримаєте версію без напису.

Скільки часу займає одна картка

Близько хвилини. Ви бачите, на якому вона етапі, а за невдалу генерацію кредити не списуються.

Спробуйте на своєму товарі

Після входу нараховуємо 12 кредитів без прив’язки банківської картки — це 3 картки з інфографікою. Завантажте фото зі смартфона, впишіть заголовок і два-три пункти, а решту зробить сервіс. Правки тексту потім нічого не коштують.