Контакт

Пайплайн генерации картинок: от задачи до файла на сайте

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

Промпт-инжиниринг изображений Обновлено

Коротко

Хорошая сгенерированная картинка — это не один удачный промпт, а пайплайн из семи шагов. Сначала задача: где картинка будет стоять, в каких форматах, где будет текст. Потом промпт по формуле и серия из 8–16 вариантов, в которой за раз меняется что-то одно. Лучший выбирают по критериям, заданным заранее, — товар верный, руки и края целы, нет каши из букв, — а не по первому впечатлению. Выбранную картинку дорабатывают по маске, а не генерируют заново, увеличивают вдвое больше самого крупного места показа и из одного широкого исходника кадрируют все форматы. Текст и логотип добавляют в макете, цвет подгоняют под серию, а на сайт картинка уходит в AVIF или WebP с описанием. Промпт, seed и правки сохраняют — так серию можно продолжить и через месяц.

Семь шагов от задачи до файла

Нажмите на шаг: что на входе, что на выходе и что проверить, прежде чем идти дальше.

01Задача

На входе
место показа и цель
На выходе
формат, размер, место под текст, 3–5 референсов
Проверка
пропорции и место под заголовок известны до первого промпта

02Промпт

На входе
задача и референсы
На выходе
промпт по формуле
Проверка
одна сцена; свет, камера и формат названы

03Серия

На входе
промпт
На выходе
8–16 вариантов
Проверка
за раз меняется одно слово; где можно, seed закреплён

04Отбор

На входе
серия
На выходе
1–2 кандидата
Проверка
критерии заранее: товар верный, руки и края целы, нет каши из букв

05Доработка

На входе
кандидат
На выходе
исправленная картинка
Проверка
дорисовка по маске: деталь, фон, расширение кадра под формат

06Увеличение

На входе
доработанная картинка
На выходе
файл нужного размера
Проверка
вдвое больше самого крупного места показа, без «пластиковой» кожи

07Сборка

На входе
готовая картинка
На выходе
файлы для сайта и соцсетей
Проверка
цвет под серию, текст и логотип — в макете, AVIF или WebP, alt

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

Задача на картинку: шесть вопросов

Ответы помещаются в несколько строк и экономят десяток серий.

ВопросПример ответа
Где будет стоять? баннер на главной и пост 4:5
Что главное в кадре? кресло целиком, видна фактура ткани
Где будет текст? левая треть кадра пустая
Какой свет и настроение? мягкий дневной свет, светлый спокойный интерьер
Чего не должно быть? людей, чужих логотипов, надписей
Какие референсы? три фото из каталога бренда

Серия и отбор по критериям

Восемь вариантов одного промпта. Шесть отсеяны по причине, которую можно назвать, один выбран, один — в запасе.

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

Доработать, а не генерировать заново

Хорошую композицию с одной сломанной деталью исправляют по маске — остальная картинка остаётся как была.

Промпт для этой картинки 
A light grey wool armchair in a bright Scandinavian living room, soft daylight from a large window on the left, eye-level shot, 35mm lens, calm neutral palette of sage green and off-white, wooden floor, a small plant on the right, photorealistic interior photography, the armchair placed slightly right of centre, aspect ratio 3:2

Дорисовка по маске заменяет выделенный участок: лишнюю ножку, странную руку, пятно на стене. Расширение кадра достраивает картинку за краями: квадрат становится широким баннером, а место под заголовок появляется там, где его не было. И то и другое встроено во многие генераторы и в Photoshop — как генеративная заливка и генеративное расширение.

Генерировать заново нужно, когда неверны композиция, свет или ракурс: никакая маска не превратит свет справа в свет слева. Тогда причина уходит в промпт, и серия начинается снова.

Увеличение — после доработки: картинку увеличивают в два-четыре раза, чтобы она оставалась чёткой на самом большом экране. «Творческое» увеличение дорисовывает новые детали — лица, ткань и надписи после него проверяют.

Один исходник — все форматы

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

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

Текст и логотип — в макете

Генераторы всё лучше пишут короткие слова, но название бренда, цены и логотип накладывают сверху в макете.

Надпись нарисовал генератор
Текст и логотип — в макете

В макете текст набран шрифтом бренда, не плывёт, правится за минуту и переводится на другой язык. В промпте достаточно оставить чистую поверхность: «a plain kraft bag without any print».

Пайплайн в файлах: 2 примера

Запись в библиотеку промптов, по которой картинку можно повторить, и разметка, с которой она уходит на сайт.

Запись в библиотеке

Одна запись на каждую опубликованную картинку: промпт, seed, правки и где она стоит.

armchair-living-room-01.yaml 
# Достаточно, чтобы повторить картинку или продолжить серию
id: armchair-living-room-01
used: баннер на главной, пост 4:5
generator: название и версия генератора
prompt: >
  a light grey wool armchair in a bright Scandinavian living room,
  soft daylight from a large window on the left, eye-level shot,
  35mm lens, calm neutral palette, empty space on the left third
aspect: "3:2"
seed: 48213
edits:
  - inpaint: убрана лишняя задняя ножка
  - outpaint: кадр расширен влево под баннер
upscale: 2x
final: /img/armchair-living-room-01.avif

На сайте

AVIF и WebP с запасным JPEG, три размера под разные экраны, размеры картинки и описание.

banner.html 
<picture>
  <source type="image/avif" sizes="100vw"
          srcset="/img/armchair-960.avif 960w, /img/armchair-1920.avif 1920w, /img/armchair-3840.avif 3840w">
  <source type="image/webp" sizes="100vw"
          srcset="/img/armchair-960.webp 960w, /img/armchair-1920.webp 1920w, /img/armchair-3840.webp 3840w">
  <img src="/img/armchair-1920.jpg" width="1920" height="1280" fetchpriority="high"
       alt="Светло-серое шерстяное кресло у большого окна в светлой гостиной">
</picture>

7 правил пайплайна

  1. 01

    Задача — до промпта

    Форматы, место под текст и то, чего в кадре быть не должно.

  2. 02

    Серия, а не один кадр

    8–16 вариантов, одно изменение за раз.

  3. 03

    Критерии заранее

    У каждого отказа есть причина, которую можно назвать.

  4. 04

    Дорабатывать по маске

    Генерировать заново — только если неверны композиция или свет.

  5. 05

    Широкий исходник

    Главное в средней трети — все форматы режутся из одной картинки.

  6. 06

    Текст — в макете

    Названия, цены и логотипы не генерируют.

  7. 07

    Запись на каждую картинку

    Промпт, seed и правки — чтобы повторить серию.

Частые ошибки в пайплайне

  1. Генерировать до задачи

    Красивый квадрат, который не встаёт в баннер.

  2. Выбирать по первому впечатлению

    Лишний палец замечает клиент, а не вы.

  3. Генерировать заново из-за одной детали

    Хорошая композиция теряется ради одной руки.

  4. Текст, нарисованный генератором

    Буквы плывут, а опечатку не исправить.

  5. Картинка без размеров

    PNG на 6 МБ на главной и прыгающая вёрстка.

  6. Ничего не сохранено

    Через месяц серию не продолжить.

Вопросы о пайплайне генерации

Сколько вариантов генерировать?

8–16 на одну идею. Если после двух серий ничего не подошло, промпт исправляют, а не повторяют.

Доработать или сгенерировать заново?

Дорабатывать — когда неверна одна деталь; генерировать заново — когда неверны композиция, свет или ракурс.

Какое разрешение нужно?

Примерно вдвое больше самого крупного места показа: для баннера шириной 1920 px — исходник около 3840 px.

Можно ли генерировать текст прямо на картинке?

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

Как сохранить единый стиль серии?

Одни и те же слова для света и палитры, закреплённый seed или референс стиля, если генератор это умеет, и подгонка цвета в конце.

В каком формате ставить на сайт?

AVIF или WebP с запасным JPEG, несколько размеров через srcset, заданные ширина и высота и описание в alt.