Как исправить текст на картинке нейросети

Исправляем опечатку на учебном баннере без новых обещаний. Точный текст, исходный PNG, редактируемый SVG и проверка размеров и области изменения макета.

Текст на картинке готового баннера можно исправить двумя путями: попросить редактор локально обработать выделенную область или закрыть прежнюю надпись и поставить отдельный текстовый слой. В предлагаемом 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

Дальше действуйте по шагам:

  1. Откройте копию баннера, перейдите в Edit и выберите Fill.
  2. Кистью выделите надпись и участок фона, который нужно обработать вместе с ней. Для этого макета ориентир — область x = 430, y = 245, ширина = 730, высота = 125 пикселей. Кистью выделяют нужную область, затем задают описание того, чем её заполнить. Официальная справка Adobe Firefly
  3. Уточните край выделения: его можно уменьшить через Select less или расширить через Select more; размер и жёсткость кисти настраиваются отдельно. Официальная справка Adobe Firefly
  4. Вставьте запрос целиком:
Ты редактируешь раскрытый учебный макет. Пример синтетический.

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

Исправь только строку «Цену согласуем до рабат» на точную строку «Цену согласуем до работ». Сохрани холст исходного размера и перечисленные видимые элементы. Не добавляй цену, срок, гарантию, фотографии или другие новые детали. Не считай сохранность деталей за пределами выделения гарантированной: результат будет проверен после обработки. Если точная строка не получилась, вариант будет отклонён.
  1. Введите описание области и нажмите Fill, чтобы получить отредактированное изображение. Официальная справка Adobe Firefly Сохраните результат отдельно, не затирая исходник.

Сам запрос и редактор не запускались. Выделение задаёт область обработки, но не гарантирует точность русских букв или сохранение остальных деталей. Поэтому после обработки сверяйте весь результат, а не только исправленную строку. Расход генеративных кредитов зависит от модели; индикатор рядом с Fill показывает расход для генерации. Официальная справка Adobe Firefly Перед запуском проверьте актуальные условия своего аккаунта: цену или бесплатность по этой инструкции предполагать нельзя.

Отдельный текстовый слой

Если оффер должен совпасть с утверждённой строкой посимвольно, можно закрыть старую надпись и добавить новую отдельным текстовым слоем. Элемент <text> в SVG выводит графический элемент, состоящий из текста. Справка MDN об элементе <text> Элемент <rect> рисует прямоугольник; в SVG для него можно задать положение, ширину и высоту. Справка MDN об элементе <rect>

В этой учебной паре старую строку закрыли прямоугольником под фон в заданной области и добавили точный оффер отдельным текстовым слоем. Порядок правки:

  1. Откройте before.svg и сохраните копию как after.svg.
  2. В области x = 430, y = 245, ширина = 730, высота = 125 пикселей закройте старую надпись прямоугольником с заливкой под фон.
  3. Добавьте текстовый слой с точной строкой Цену согласуем до работ. Не добавляйте цену, срок или гарантию.
  4. Сохраните редактируемый 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-пикселей

Исправленный учебный баннер в целевом учебном размере 600 × 360 CSS-пикселей

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

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

Если ошибки повторяются

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

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

Валерий Курземнек

Автор метода «Машиночитаемый маркетинг»

Что ещё почитать