Как создать картинки для сайта с помощью ИИ: генерируем уникальные иллюстрации
Сделаем профессиональные картинки для сайта за 15 минут. Понадобится только описание того, что нужно нарисовать, или референсное фото. На выходе — готовые изображения в нужном разрешении и стиле, с текстом на русском языке без ошибок.
Разберём три способа: быстрая генерация для блога, создание баннеров с текстом и профессиональное редактирование фотографий. Все инструменты работают без VPN и принимают российские карты.
Что подготовить для генерации
Перед стартом определитесь с задачей. Для блога нужны иллюстрации 1200×800 px, для соцсетей — 1200×630 px, для баннеров — горизонтальные форматы 16:9. Если планируете редактировать готовые фото — подготовьте исходники в высоком разрешении.
Для генерации картинок с текстом (инфографика, афиши, баннеры) лучше всего подходит Nano Banana Pro — эта нейросеть корректно пишет на русском языке, включая кириллицу. Вот в этом боте Nano Banana Pro работает без VPN и принимает оплату российской картой от 300 рублей. Пользуюсь сам — удобно, что всё в одном месте.
Способ 1: Быстрая генерация иллюстраций для блога
Шаг 1: Формулируем правильный промт
Промт — это текстовое описание того, что должна нарисовать нейросеть. Структура простая: главный объект + окружение + стиль + технические параметры.
Пример базового промта:
«уютное кафе в скандинавском стиле, деревянные столы, много зелени, тёплое освещение, профессиональная фотография, высокое разрешение»
Пример продвинутого промта:
«современный офис с панорамными окнами, команда из пяти человек работает за ноутбуками, минималистичный дизайн, естественный свет, стиль корпоративной фотосъёмки, 4K качество»
Чем детальнее описание, тем точнее результат. Добавляйте цвета, настроение, время суток — нейросеть учитывает каждую деталь.
Шаг 2: Генерируем в боте
Открываем бот с Nano Banana Pro (работает без VPN, можно оплатить российской картой). Заходим в ⚙️ Настройки и выбираем:
— Версию Nano Banana Pro (лучше держит стиль и детали)
— Соотношение сторон: для сайта оптимально 16:9 или 3:2
— Стиль через кнопку 🎭 Стили — можно выбрать 1-3 варианта
Отправляем промт боту. Генерация занимает 15-40 секунд. Если результат не устроил — корректируем описание и пробуем снова.
Шаг 3: Подбираем стиль под дизайн сайта
Для корпоративного сайта работают стили: «профессиональная фотография», «минимализм», «деловой стиль». Для креативных проектов подойдут: «акварель», «цифровая иллюстрация», «киберпанк».
Лайфхак: если сайт в определённой цветовой гамме, укажите это в промте. Например: «тёплые бежевые тона» или «холодная синяя палитра». Nano Banana отлично держит цветовую схему.
Способ 2: Создание баннеров и инфографики с текстом
Почему текст на картинках — сложная задача
Большинство нейросетей делают ошибки в тексте, особенно на русском языке. Nano Banana Pro решает эту проблему — корректно пишет кириллицу и понимает контекст.
Шаг 1: Формулируем задачу с текстом
Текст, который должен появиться на картинке, пишем «в двойных кавычках» — это снижает вероятность ошибок.
Пример промта для баннера:
«рекламный баннер для сайта интернет-магазина, на баннере крупным шрифтом написано «СКИДКА 50%», внизу мелким текстом «Только до конца недели», яркие цвета, современный дизайн, формат 16:9″
Пример промта для инфографики:
«инфографика с тремя блоками информации, заголовок «Как выбрать ноутбук», блок 1: «Процессор Intel Core i5», блок 2: «Оперативная память 16 ГБ», блок 3: «SSD накопитель 512 ГБ», минималистичный стиль, голубой и белый цвета»
Шаг 2: Генерация и коррекция
Отправляем промт в бот с Nano Banana Pro. Если нейросеть допустила ошибку в тексте, не переделываем всё с нуля — просто отправляем:
«исправь ошибку в слове на баннере, должно быть «СКИДКА» вместо «СКИДА»»
Nano Banana понимает контекст предыдущей генерации и исправит только указанный элемент, сохранив всё остальное.
Перевод текста на другие языки
Нужен баннер на английском? Генерируем сначала на русском, затем отправляем:
«переведи весь текст с картинки на английский язык, оставь дизайн без изменений»
Удобно для интернет-магазинов, работающих на несколько рынков. Один дизайн — разные языковые версии за пару минут.
Способ 3: Редактирование готовых фотографий
Что можно изменить на фото
Nano Banana Pro работает не только как генератор, но и как редактор. Основные возможности:
— Удаление предметов или людей с фото
— Замена фона
— Изменение цвета одежды или предметов
— Изменение позы человека
— Добавление новых элементов в композицию
Шаг 1: Загружаем фото и описываем задачу
Открываем бот с Nano Banana Pro, отправляем фотографию. Затем отправляем описание того, что нужно изменить:
Пример 1 — удаление объекта:
«убери машину на заднем плане, оставь здание и людей без изменений»
Пример 2 — замена фона:
«замени весь фон на белый цвет, человека оставь без изменений»
Пример 3 — изменение цвета:
«измени цвет пиджака на мужчине с чёрного на тёмно-синий»
Важный момент: формулируйте задачу конкретно. Вместо «удали фон» пишите «замени весь фон на белый цвет» — так нейросеть точнее поймёт задачу.
Шаг 2: Работа с несколькими референсами
Nano Banana Pro поддерживает загрузку до 10 изображений одновременно. Это открывает крутые возможности для создания композиций.
Пример задачи: Нужно показать продукт в разных интерьерах.
Загружаем фото продукта + 3-4 фото интерьеров. Пишем промт:
«покажи этот диван в каждом из загруженных интерьеров, сохрани освещение и перспективу»
Создание вариаций продукта
Ещё один полезный кейс — показать товар в разных цветах без фотосессии.
Загружаем фото кроссовок. Пишем:
«создай четыре вариации этих кроссовок: красные, синие, чёрные и белые, сохрани форму и детали»
Получаем готовый каталог для сайта. Экономия на фотосъёмке — десятки тысяч рублей.
Создание серии изображений в едином стиле
Почему это важно для сайта
Когда все картинки на сайте в разных стилях — выглядит непрофессионально. Нужна визуальная согласованность: одна цветовая гамма, одно настроение, один подход к композиции.
Метод цепочки референсов
Генерируем первую картинку с подробным описанием стиля. Затем используем её как референс для следующих генераций.
Шаг 1: Создаём базовую картинку
«офисное пространство в минималистичном стиле, светлые тона, много воздуха, профессиональная фотография»
Шаг 2: Используем как референс
Загружаем полученную картинку в бот и пишем:
«создай похожую картинку, но вместо офиса покажи переговорную комнату, сохрани стиль и цветовую гамму»
Шаг 3: Продолжаем цепочку
Каждую следующую картинку генерируем, используя предыдущую как референс. Получается серия из 10-20 изображений в едином стиле.
Этот подход идеален для лендингов, корпоративных сайтов, интернет-магазинов — везде, где нужна визуальная согласованность.
Лайфхаки для лучшего результата
1. Указывайте технические параметры
Добавляйте в промт: «высокое разрешение», «4K качество», «профессиональная фотография». Эти слова влияют на детализацию итоговой картинки.
2. Управляйте освещением
Вместо абстрактного «красивое фото» пишите конкретнее: «золотой час, мягкое боковое освещение» или «студийный свет с двух точек, минимум теней».
3. Комбинируйте стили
В боте с Nano Banana Pro можно выбрать 1-3 стиля одновременно. Например: «фотография» + «минимализм» + «тёплые тона» дают интересный микс.
4. Исправляйте постепенно
Если результат почти устраивает, но есть недочёты — не генерируйте заново. Загрузите картинку и попросите изменить конкретный элемент: «сделай небо более драматичным» или «добавь больше деталей на передний план».
5. Используйте апскейл для финальной версии
Для размещения на сайте нужны картинки в высоком разрешении. Если изображение вышло чуть меньше нужного размера, используйте функцию апскейла в боте — она увеличит разрешение без потери качества.
Частые ошибки и как их избежать
Ошибка 1: Слишком общий промт
Плохо: «красивый пейзаж»
Хорошо: «горный пейзаж на рассвете, заснеженные пики, сосновый лес на переднем плане, туман в долине, холодная цветовая гамма»
Чем конкретнее описание, тем точнее результат. Не надейтесь, что нейросеть додумает за вас.
Ошибка 2: Игнорирование соотношения сторон
Генерируете квадратные картинки, а потом пытаетесь растянуть их под баннер 16:9 — получается искажение. Сразу выбирайте нужный формат в настройках бота.
Ошибка 3: Перегрузка деталями
Если в промте 15 объектов и 10 действий — нейросеть запутается. Фокусируйтесь на главном, остальное добавляйте постепенно через редактирование.
Ошибка 4: Неправильное указание текста
Текст без кавычек нейросеть может воспринять как часть описания сцены. Всегда пишите текст для картинки «в двойных кавычках».
Ошибка 5: Ожидание идеала с первой попытки
Генерация картинок — итеративный процесс. Нормально сделать 3-5 попыток, корректируя промт. У меня редко выходит идеально с первого раза, обычно дорабатываю детали.
Примеры рабочих промтов для разных задач
Для интернет-магазина
«презентация товара на белом фоне, мягкие тени, профессиональная продуктовая фотография, студийное освещение, высокая детализация»
Для блога о путешествиях
«живописный закат на тропическом пляже, пальмы на переднем плане, спокойный океан, тёплые оранжевые тона, фотография в стиле National Geographic»
Для корпоративного сайта
«современный офис открытого типа, команда профессионалов работает за компьютерами, естественное освещение через большие окна, деловая атмосфера, холодные серо-синие тона»
Для сайта IT-компании
«абстрактная цифровая сеть, светящиеся узлы и соединения, тёмно-синий фон, киберпанк эстетика, футуристичный стиль, высокая детализация»
Для маркетинговых материалов
«счастливые люди разного возраста в повседневной обстановке, естественные эмоции, яркое естественное освещение, magazine photoshoot style, тёплая атмосфера»
Больше примеров промтов и разборов удачных генераций собрано здесь — там пользователи делятся своими находками с пояснениями.
Оптимизация картинок для сайта
Размер и формат файла
После генерации сжимайте изображения через TinyPNG или аналоги. Картинка 1200×800 px не должна весить больше 200-300 КБ. Для современных сайтов используйте формат WebP — он на 30% легче JPEG при том же качестве.
Адаптивность
Генерируйте две версии важных изображений: горизонтальную для десктопа (16:9) и вертикальную для мобильных (9:16). В боте это делается за пару минут — меняете соотношение сторон в настройках и генерируете заново с тем же промтом.
SEO-оптимизация
Называйте файлы осмысленно: «dizajn-ofisa-minimalim.jpg» вместо «img_00345.jpg». Поисковики учитывают имена файлов при ранжировании.
Когда использовать другие нейросети
Для видео-контента
Если нужны не статичные картинки, а короткие видеоролики для сайта — присмотритесь к Veo 3.1 или Sora Video 2. Оба доступны в том же боте, работают без VPN.
Для простых иллюстраций без текста
Если текст на картинке не нужен и задача попроще — попробуйте Stable Diffusion или Sora Images. Они быстрее генерируют, хотя и уступают Nano Banana Pro в понимании сложных промтов.
Итог
Создание картинок для сайта через ИИ — это быстро, недорого и не требует дизайнерских навыков. Nano Banana Pro закрывает 90% задач: от простых иллюстраций до сложных композиций с текстом на русском языке. Главное — научиться правильно формулировать промты и использовать референсные изображения.
Начинайте с простых генераций, экспериментируйте со стилями, постепенно усложняйте задачи. Через 10-15 попыток почувствуете, как нейросеть реагирует на разные формулировки. Для более сложных задач вроде редактирования или создания серий используйте цепочки референсов — это экономит часы работы.