Зачем генерировать картинки, если есть фотостоки
Представьте: нужен лендинг для мастерской по ремонту велосипедов, сдача — в пятницу. На фотостоке либо одинаковые люди в офисе с ноутбуками, либо подходящий кадр за 30 долларов, который всё равно не совпадает с палитрой сайта. Или полдня поисков заканчиваются стоковой «шестерёнкой» на главной.
Генерация изображений нейросетью решает ровно эту проблему: за 10–20 минут вы получаете картинку под конкретную палитру, ракурс и настроение. Не бесплатно и не «в один клик», но предсказуемо. Ниже — путь, который я прохожу на своих проектах: от брифа до сжатого WebP на проде.
Шаг 0. Поймите, что нейросеть делает хорошо, а что нет
Прежде чем платить за подписку, честно разберитесь с границами применимости. На момент публикации расклад примерно такой.
Хорошо получается:
- абстрактные фоны, градиенты, текстуры, паттерны для секций;
- иллюстрации в едином стиле для карточек услуг и обложек блога;
- «настроение» и атмосфера для hero-блока: свет, цвет, композиция;
- стилизованная предметка, когда не нужна точная копия реального товара;
- быстрые черновики для согласования с клиентом, пока нет финального визуала.
Плохо или требует десятков попыток:
- конкретные реальные люди — сотрудники, клиенты, авторы;
- точные продукты с логотипами и мелкими деталями;
- интерьеры и объекты, которые нужно показать достоверно (например, реальный офис);
- мелкий текст внутри изображения, особенно кириллица;
- сложные руки в динамике и предметы, которые держат двумя пальцами.
Отсюда практическое правило: если картинка должна что-то документально подтверждать — берите фотоаппарат. Если она задаёт настроение и экономит бюджет — нейросеть.
Шаг 1. Соберите бриф на изображения
Самый скучный и самый полезный шаг. Пока его нет, вы генерируете «что-нибудь красивое» и переделываете в третий раз.
Список мест, где обычно нужны картинки на типовом сайте:
- hero-блок главной — 16:9 или 21:9, вес до 200–250 КБ;
- карточки услуг и проектов — 4:3 или 1:1, до 60–80 КБ;
- фоны секций и паттерны — часто хватает 1024 px по ширине с повторением;
- обложки статей блога — 16:9, они же уходят в og:image для соцсетей;
- иллюстрации внутри статей — 3:2, до 100 КБ;
- аватарки и «фото команды» — тут осторожно, см. шаг 7.
Заведите таблицу из четырёх колонок: где используется, соотношение сторон, стиль (фотореализм / плоская иллюстрация / 3D), палитра. Дальше вы генерируете по ней, а не по вдохновению.
Шаг 2. Выберите инструмент под задачу
Универсального «лучшего» сервиса нет: для фотореализма, для векторных иконок и для картинки с текстом нужны разные инструменты. Цены и лимиты меняются быстро, поэтому проверяйте их на момент покупки.
- Midjourney — эталон «красивой» картинки и лучшая эстетика из коробки. Базовая подписка на момент публикации — около 10 долларов в месяц. Из РФ нужна зарубежная карта или посредник, а условия коммерческого использования отдельно описывают компании с большой выручкой — читать Terms, а не обзоры.
- Kandinsky (Сбер) — доступен из России, есть бесплатные генерации в вебе и API через FusionBrain. Фотореализм слабее, стилизации и иллюстрации — нормально.
- YandexART (Шедеврум и API Yandex Cloud) — тоже доступен из РФ, хорошо понимает русскоязычные промпты.
- Recraft — вектор и иконки, умеет отдавать SVG; полезно для UI-графики, есть бесплатный тариф с ограничениями.
- Ideogram — если очень нужен читаемый текст внутри изображения (баннеры, обложки).
- Flux через fal.ai, Replicate или Krea — сильный фотореализм, оплата по генерациям, удобно для тестов без подписки.
- Stable Diffusion локально (ComfyUI, Automatic1111) — бесплатно после установки, нужна видеокарта примерно от 8 ГБ видеопамяти, зато полный контроль через ControlNet и IP-Adapter. Кривая обучения самая крутая.
- ChatGPT (DALL·E) и Gemini — быстро для черновиков и «прикинуть идею», но стиль узнаваемый, а точные детали контролируются хуже.
На практике для проекта хватает двух сервисов: один «за качество» и один отечественный как запасной вариант, если с оплатой проблемы.
Шаг 3. Напишите промпт по формуле
Промпт (prompt) — текстовое задание для нейросети. Хороший промпт — это не поэма, а техническое задание. Рабочая формула:
объект + окружение + свет и настроение + оптика + композиция + параметры
Пример для hero-блока той самой веломастерской:
a mechanic hands adjusting a brake cable on a steel bicycle, dim workshop, warm tungsten light from the left, shallow depth of field, 50mm lens, f/1.8, muted ochre and graphite palette, plenty of empty space on the left for a headline, photorealistic
Три вещи, которые дают больше всего прироста качества:
- Язык. Почти все зарубежные модели лучше понимают английский. Пишите промпт на английском, даже если интерфейс русский.
- Пустое место. Сразу просите empty space for text on the left — потом не придётся затемнять полкадра оверлеем.
- Одна переменная за итерацию. Поменяли свет — не меняйте одновременно ракурс, иначе не поймёте, что именно сработало.
Для Stable Diffusion добавьте негативный промпт: text, watermark, logo, extra fingers, deformed hands, blurry. Для Midjourney задайте соотношение сторон параметром –ar 16:9.
Шаг 4. Генерируйте сериями и отбирайте
Главная ошибка новичка — судить по первой картинке. Модель каждый раз выдаёт немного другой результат, поэтому нормальная практика — 8–12 генераций и 3 финалиста.
Смотрите на превью шириной 200 px: если композиция не читается в миниатюре, на сайте она тоже не сработает. И отдельно проверяйте картинку в мобильной пропорции — часто hero в 16:9 обрезается так, что главный объект уезжает за край.
По времени у меня выходит примерно так: один удачный hero — 15–30 минут вместе с доводкой, иллюстрация в статью — 5–10 минут. Это всё ещё в разы быстрее поиска на стоках, но не «секунда на клик», как обещают лендинги сервисов.
Шаг 5. Доведите до продакшена
Сырая генерация почти никогда не идёт на сайт как есть. Минимальный набор операций:
- апскейл до нужного разрешения — Upscayl (бесплатный, работает локально) или встроенные апскейлеры сервисов;
- удаление фона — rembg (open-source) или PhotoRoom;
- цветокоррекция под палитру сайта в Figma или Photoshop;
- кадрирование под адаптив: отдельная версия для мобильных.
И не растягивайте маленькую картинку до 1920 px — артефакты видны сразу. Лучше сгенерировать сразу в нужном размере.
Шаг 6. Оптимизируйте под веб
Тяжёлая картинка — самая частая причина, почему «красивый сайт» грузится шесть секунд. Правила простые:
- отдавайте WebP или AVIF вместо PNG и JPG;
- hero — 150–250 КБ, карточки — 40–80 КБ;
- подключайте адаптивные версии через srcset и sizes;
- loading=lazy для всего, что ниже первого экрана, а для hero — наоборот, eager;
- указывайте width и height, чтобы вёрстка не прыгала и не портила CLS.
И не забудьте про alt: не «картинка 1», а описание по делу — это и доступность, и трафик из поиска по картинкам.
Шаг 7. Разберитесь с правами до публикации
Это шаг, который пропускают чаще всего. Что важно знать:
- условия коммерческого использования у сервисов разные и периодически меняются — читайте раздел Terms конкретного тарифа, а не пересказы в блогах;
- правовой статус чисто сгенерированного изображения неоднозначен: во многих юрисдикциях его сложно защитить как собственное произведение. Для фона секции это не критично, для логотипа и ключевого брендинга — плохая идея;
- не генерируйте узнаваемых людей, чужие логотипы и известных персонажей — риск претензий выше, чем кажется;
- для «фото команды» и «фото автора» используйте реальные снимки. Синтетический человек с выдуманной биографией — это уже обман читателя, а не дизайн.
Чек-лист перед публикацией
- картинка совпадает с палитрой сайта и не спорит с текстом;
- есть мобильная версия кадра, главный объект не обрезан;
- вес в норме, формат WebP или AVIF;
- прописаны alt, width, height, правильный loading;
- проверены условия тарифа на коммерческое использование;
- нет логотипов, брендов и узнаваемых лиц;
- в исходниках остались промпты и версии файлов — пригодится, когда захотите переделать.
Заключение
Нейросеть не заменяет дизайнера и не отменяет фотосъёмку — она снимает рутину: поиск стоков, подгонку цвета, генерацию десяти однотипных обложек для блога. Основная работа всё равно ваша: понять задачу, собрать бриф, написать внятный промпт, отобрать лучшее и довести файл до продакшена.
Начните с малого: возьмите один блок на своём проекте и попробуйте закрыть его сгенерированной картинкой по шагам выше. Через пару вечеров у вас будет и насмотренность, и свои шаблоны промптов — а это ценнее любой подписки.
