Текст на картинке готового баннера можно исправить двумя путями: попросить редактор локально обработать выделенную область или закрыть прежнюю надпись и поставить отдельный текстовый слой. В предлагаемом AI-first процессе агент собирает исходник, согласованный оффер и размер показа, готовит выбранную правку и сверяет результат по правилам. Человек уточняет отсутствующие бизнес-факты и решает исключения. Ниже — учебный макет с реально выполненной локальной SVG-правкой; генеративную ветвь и редактор здесь не запускали.
Сохраните исходник и точный текст
Учебный пример. Бизнесусловия вымышлены, опечатка «рабат» внесена вручную. Это не клиентский кейс и не результат генерации. Целевой показ 600 × 360 CSS-пикселей при deviceScaleFactor 1 также задан только для учебной проверки, а не как требование рекламной площадки.
| Что зафиксировано | Значение |
|---|---|
| Услуга | Замена молнии на рюкзаке |
| Исходная строка | Цену согласуем до рабат |
| Точный оффер UTF-8 | Цену согласуем до работ |
| Исходный холст | 1200 × 720 пикселей |
| Область правки | x = 430, y = 245, ширина = 730, высота = 125 пикселей |
| Известные условия | Меняют молнии рюкзаков; цену согласуют до работ; приём — по записи |
| Неизвестные условия | Цена, срок и гарантия |
| Элементы, которые нужно сохранить | Заголовок «Замена молнии на рюкзаке», подпись «Приём по записи», кнопка «Записаться», условная векторная схема рюкзака на зелёной панели и метка «УЧЕБНЫЙ МАКЕТ» |
Оставьте исходники before.png и before.svg без изменений, а утверждённую строку сохраните отдельно в approved-text.txt. Исправление делайте на копии: так исходник останется для сравнения.

Скачать учебный комплект — исходники, исправленные SVG и PNG, версии для целевого размера, сравнение и журнал. kit.zip — внешний файл доставки, а не файл внутри скачиваемого архива. В архиве находятся:
README.txt, SHA256SUMS, after-600.png, after.png, after.svg, approved-text.txt, before-600.png, before.png, before.svg, brief.json, checks.json, comparison.html, corrections.csv, prompt.txt, render.mjs, reproduce.py, reproduction-checks.json, target-acceptance.json, target-checks.json, target-controls.py, target-render.json, target-render.mjs.
Локальная правка
Для генеративной ветви возьмём Adobe Firefly Web. Это инструкция по официальной справке, а не отчёт о запуске редактора. В справке Adobe для Firefly Web описан путь: открыть модуль Image, перейти в Edit, при необходимости загрузить изображение и выбрать Fill. Официальная справка Adobe Firefly
Дальше действуйте по шагам:
- Откройте копию баннера, перейдите в
Editи выберитеFill. - Кистью выделите надпись и участок фона, который нужно обработать вместе с ней. Для этого макета ориентир — область x = 430, y = 245, ширина = 730, высота = 125 пикселей. Кистью выделяют нужную область, затем задают описание того, чем её заполнить. Официальная справка Adobe Firefly
- Уточните край выделения: его можно уменьшить через
Select lessили расширить черезSelect more; размер и жёсткость кисти настраиваются отдельно. Официальная справка Adobe Firefly - Вставьте запрос целиком:
Ты редактируешь раскрытый учебный макет. Пример синтетический.
Услуга: Замена молнии на рюкзаке.
Точная исходная строка: Цену согласуем до рабат.
Утверждённый оффер: Цену согласуем до работ.
Исходный холст: 1200 × 720 пикселей.
Область правки: x = 430, y = 245, ширина = 730, высота = 125 пикселей.
Известные условия: меняют молнии рюкзаков; цену согласуют до работ; приём по записи.
Неизвестные условия: цена, срок, гарантия.
Целевой учебный показ: 600 × 360 CSS-пикселей, deviceScaleFactor 1. Это вымышленное условие примера, а не требование рекламной площадки.
Сохраняемые видимые элементы исходника: заголовок «Замена молнии на рюкзаке», подпись «Приём по записи», кнопка «Записаться», условная векторная схема рюкзака на зелёной панели, метка «УЧЕБНЫЙ МАКЕТ». Все перечисленные элементы есть в исходном макете; схемой не является фотография.
Исправь только строку «Цену согласуем до рабат» на точную строку «Цену согласуем до работ». Сохрани холст исходного размера и перечисленные видимые элементы. Не добавляй цену, срок, гарантию, фотографии или другие новые детали. Не считай сохранность деталей за пределами выделения гарантированной: результат будет проверен после обработки. Если точная строка не получилась, вариант будет отклонён.
- Введите описание области и нажмите
Fill, чтобы получить отредактированное изображение. Официальная справка Adobe Firefly Сохраните результат отдельно, не затирая исходник.
Сам запрос и редактор не запускались. Выделение задаёт область обработки, но не гарантирует точность русских букв или сохранение остальных деталей. Поэтому после обработки сверяйте весь результат, а не только исправленную строку. Расход генеративных кредитов зависит от модели; индикатор рядом с Fill показывает расход для генерации. Официальная справка Adobe Firefly Перед запуском проверьте актуальные условия своего аккаунта: цену или бесплатность по этой инструкции предполагать нельзя.
Отдельный текстовый слой
Если оффер должен совпасть с утверждённой строкой посимвольно, можно закрыть старую надпись и добавить новую отдельным текстовым слоем. Элемент <text> в SVG выводит графический элемент, состоящий из текста. Справка MDN об элементе <text> Элемент <rect> рисует прямоугольник; в SVG для него можно задать положение, ширину и высоту. Справка MDN об элементе <rect>
В этой учебной паре старую строку закрыли прямоугольником под фон в заданной области и добавили точный оффер отдельным текстовым слоем. Порядок правки:
- Откройте
before.svgи сохраните копию какafter.svg. - В области x = 430, y = 245, ширина = 730, высота = 125 пикселей закройте старую надпись прямоугольником с заливкой под фон.
- Добавьте текстовый слой с точной строкой
Цену согласуем до работ. Не добавляйте цену, срок или гарантию. - Сохраните редактируемый
after.svgи экспортируйтеafter.pngразмером 1200 × 720 пикселей.
Эта SVG/PNG-пара исправлена вручную; генеративный сервис для неё не использовали.

Проверка результата
Для учебной пары журнал объединяет пять строк из corrections.csv и отдельную запись о границах правки из checks.json и reproduce.py. Запись о границах — отдельная проверка, а не шестая строка CSV.
| Проверка | Основание и критерий | Результат для учебной SVG/PNG-пары |
|---|---|---|
| Точный оффер | Сравнение с Цену согласуем до работ |
Исправлена одна намеренная ошибка: в слове рабат заменена а на о |
| Размеры | Исходный и итоговый холст — 1200 × 720 пикселей | Размеры сохранены |
| Новые бизнес-факты | Цена, срок и гарантия не указаны | Новые обещания не добавлены |
| Читаемость в целевом показе | Реальный рендер 600 × 360 CSS-пикселей при deviceScaleFactor 1 | В исходной версии видна опечатка, в итоговой читается точный оффер |
| Композиция в целевом показе | Заголовок, схема, подпись и кнопка различимы; нет обрезания или наложения | Проверено для этого рендера: элементы читаемы, композиция сохранена |
| Границы правки — отдельная проверка | Сравнение пикселей внутри и за пределами области правки | Изменение внутри области есть; пиксели за её пределами не изменились |
Первые пять проверок записаны в corrections.csv; строка о границах правки взята из отдельной проверки. Для этой конкретной пары итог принят по точному тексту, размерам, отсутствию новых фактов, границам правки и проверке читаемости и композиции в заявленном учебном кадре.


600 × 360 CSS-пикселей — условие этого примера, не требование площадки. Проверка композиции и читаемости относится к показанному кадру; её нельзя переносить на другие размеры, шрифты или генеративные редакторы. Неизменность пикселей за границами подтверждена для ручной SVG/PNG-пары, но не гарантируется для генеративной обработки.
Для потока таких задач агент может собирать исходник, оффер, размер и область правки, а затем сверять текст, холст, границы и целевой рендер по правилам журнала. Это предлагаемая схема процесса, не результат испытания агента. Если агент встречает недостающие бизнес-факты или неоднозначное исключение, его передают человеку для решения; обязательная ручная вычитка каждой единицы не является частью процесса.
Если ошибки повторяются
Если локальная генеративная правка снова искажает буквы или затрагивает важные детали, отклоните вариант и перейдите к отдельному текстовому слою. Сокращать утверждённый оффер или менять его смысл можно только после согласования. Если закрывающий прямоугольник заметен, подберите заливку под участок фона и повторно проверьте границы и композицию.
Создание нового баннера — отдельная задача: рекламные баннеры с нейросетью. Для карточки товара нужны отдельные текст и подтверждённые факты: карточка товара с нейросетью.

