Нейросети закрыли неприятную задачу: иллюстрации для блога и разделов сайта, на которые никогда не хватало бюджета. Но с ними появилась новая проблема. Сорок картинок, сгенерированных по отдельности, выглядят как сорок картинок из разных проектов.
Мы в студии Сайты2.рф сгенерировали больше трёхсот иллюстраций для своего сайта и клиентских проектов: обложки статей, иконки разделов, картинки к услугам. Ниже - что получилось выяснить про единый стиль, где границы применимости и как готовить файлы, чтобы они не утяжеляли страницы.
Где нейросеть уместна, а где нет
Уместна там, где нужна абстрактная иллюстрация: обложка статьи, картинка к разделу услуг, иконки для блоков, фон для баннера, схематичное изображение процесса.
Не уместна в четырёх случаях. Фотографии сотрудников и офиса: нужны настоящие, иначе страница "о нас" вызывает недоверие. Фотографии товара: покупатель сравнивает с тем, что придёт в коробке. Фото объектов в кейсах: смысл кейса в документальности. Точные схемы и чертежи: нейросети рисуют похожее на схему, а не схему.
Отдельно про товары в интернет-магазине: подмена фотографии сгенерированной картинкой - это уже недостоверная информация о товаре, и претензии тут будут не эстетические.
Главная проблема серии: разнобой
Если генерировать картинки по одной и по разным описаниям, получится набор в разных стилях: где-то плоская графика, где-то объём, где-то мультяшность, палитра каждый раз своя.
Решение оказалось простым: единый суффикс стиля, который дописывается к каждому промпту без изменений. У нас он выглядит примерно так:
Modern flat vector illustration, editorial B2B style.
Strict two-color palette: deep brand purple #6E59A4 as primary,
vibrant amber-orange #FFA800 as accent on the single key element.
White background, no text, no gradients, no photorealism.Три правила, которые дали ровный результат:
- Жёсткая палитра с кодами цветов. Не "фиолетовый и оранжевый", а конкретные значения из вашей дизайн-системы.
- Акцентный цвет только на одном элементе. Иначе на каждой картинке будет разный баланс цветов, и серия рассыплется.
- Явные запреты. Без текста, без градиентов, без фотореализма. Текст нейросети рисуют плохо, а градиенты убивают ощущение единого набора.
Уникальной остаётся только предметная часть промпта, одна-две фразы: "магнифиер над списком строк", "щит перед потоком стрелок", "касса с чеком и QR-кодом".
Промпты писать по-английски
Это не вопрос вкуса. На английском модели понимают формулировки точнее и реже добавляют случайные детали. Мы пробовали одинаковые описания на двух языках: русский вариант чаще давал странную композицию и мусорные надписи.
Текст внутри картинки лучше вообще не заказывать. Даже свежие модели пишут с ошибками, а латиница в иллюстрации для русского сайта выглядит чужеродно. Если подпись нужна, добавляйте её отдельно в вёрстке.
Как гнать серию пачкой
Генерировать по одной картинке через веб-интерфейс - потерянное время. Мы делаем это скриптом через API, партиями по 5-10 параллельных запросов. Набор из 30 иллюстраций собирается за несколько минут.
Схема простая: список пар "имя файла - предметная часть промпта", общий суффикс стиля, пул потоков, сохранение результата в папку. Пропуск уже существующих файлов обязателен: иначе при повторном запуске переплатите и потеряете отобранные картинки.
Полезная деталь: ответ API приходит в двух видах, ссылкой или строкой base64, в зависимости от модели и настроек. Обрабатывать надо оба варианта, иначе часть запусков будет падать на пустом месте.
Что нейросети до сих пор делают плохо
По нашей практике, отбраковка составляет примерно каждую четвёртую картинку. Причины повторяются:
- Руки и мелкие детали техники: пальцев больше, чем нужно, у ноутбука клавиатура без раскладки.
- Текст: любые надписи выходят с искажёнными буквами.
- Точное число объектов: "три шага" превращаются в четыре или два.
- Сложные сцены: чем больше объектов, тем выше шанс, что композиция развалится.
- Кириллица: почти гарантированно нечитаемая.
Отсюда практическое правило: заказывайте одну простую сцену с одним смысловым объектом. Такие картинки выходят с первого раза чаще, чем составные композиции.
Права и оговорки
Правовая сторона в России пока без однозначного ответа. Произведение, созданное без творческого вклада человека, автора в понимании закона не имеет, а значит и защищать его сложно. Обратная сторона: и претензию к вам предъявить сложно, если картинка не воспроизводит чужое узнаваемое произведение.
Что проверить до использования:
- Условия конкретного сервиса: разрешено ли коммерческое использование результата.
- Не воспроизводит ли картинка узнаваемый чужой стиль или персонажа. Генерация "в стиле известного художника" - отдельный риск.
- Нет ли в результате логотипов и брендов: модели иногда рисуют что-то похожее на существующие знаки.
Для сравнения: с фотографиями из интернета ситуация однозначная, там нарушение и компенсация. Мы разбирали эту тему в отдельной статье про права на сайт.
Подготовка файлов: главное, что забывают
Сгенерированная картинка приходит в PNG размером 1024 на 1024 и весит от 700 килобайт до двух мегабайт. Ставить такие файлы на сайт нельзя: набор из десяти картинок добавит к странице десяток мегабайт.
Наш порядок обработки:
- Уменьшить до нужного размера. Для обложки статьи достаточно 800-900 пикселей по большей стороне.
- Сохранить в WebP с качеством около 82.
- Оставить PNG как запасной вариант только там, где это нужно, а не для всех картинок.
- Прописать осмысленный
alt: не "иллюстрация", а описание того, что на картинке и к чему она относится.
Экономия получается серьёзная. На нашем сайте перевод 226 картинок в WebP уменьшил объём графики с 188 мегабайт до 7,2: плоская двухцветная графика сжимается почти на 96%. Как это влияет на скорость, разбирали в статье про ускорение сайта.
Отдельная тонкость с тегом picture: если вы отдаёте WebP через source, а файла нет, браузер не откатится на PNG в теге img, а покажет битую картинку. Мы на это наступали при переносе сайта на другой движок: часть картинок исчезла, потому что WebP-двойники не были загружены.
Сколько это стоит по сравнению с дизайнером
| Способ | Стоимость | Срок | Когда выбирать |
|---|---|---|---|
| Генерация нейросетью | до 100 руб. за серию из 30 плюс 2-4 часа работы | несколько часов | обложки статей, иллюстрации разделов |
| Иконки у дизайнера | 800 - 2 500 руб. за иконку | 3-7 дней | навигация, интерфейс, фирменные элементы |
| Иллюстрации у дизайнера | 3 000 - 12 000 руб. за иллюстрацию | 1-2 недели | главная страница, ключевые лендинги |
| Фотостоки | от 100 руб. за снимок | сразу | фотографии людей и предметов |
| Своя фотосъёмка | от 15 000 руб. за смену | 1-2 недели с обработкой | команда, производство, объекты, товары |
Разумная комбинация: фирменные элементы и главную страницу отдаём дизайнеру, поток иллюстраций для блога генерируем, людей и объекты снимаем. Что именно просить у дизайнера и в каком виде принимать, разбирали в статье про заказ иконок и иллюстраций.
Нужно ли помечать картинки как сгенерированные
Обязательного требования маркировать иллюстрации в России нет. Но есть репутационная сторона: если сгенерированное изображение выдаётся за документальное фото объекта или человека, это обман, и он обнаруживается.
Наш подход простой: там, где картинка очевидно декоративная (абстрактная иллюстрация к статье), пометка не нужна. Там, где изображение может быть принято за фотографию реального объекта, мы либо не используем генерацию, либо подписываем прямо.
Короткий вывод
Нейросети решают задачу потока иллюстраций: обложки для статей, картинки к разделам, иконки. Ключ к приемлемому результату - не мощность модели, а фиксированный стилевой суффикс с жёсткой палитрой и простые односоставные сцены. Люди, товары и объекты остаются за фотографией.
Если нужен набор иллюстраций под ваш фирменный стиль, напишите нам через контакты. Мы подбираем стилевой промпт под палитру вашего бренда и отдаём серию уже в WebP с прописанными alt.
