Фотосток предлагает ровно ту же переговорную с теми же стульями и тем же светом, которую вы уже видели на сайте конкурента. Картинки для сайта нейросеть рисует с нуля: под нужный ракурс, нужный цвет бренда, нужное настроение. Запрос в генератор занимает минуту, а фотограф за эту минуту только начинает читать бриф.
Но скорость создает иллюзию, что с нейрокартинкой можно поступать как угодно: вставить на лендинг, продать клиенту как часть пакета услуг, использовать в рекламе. На деле у каждого генератора своя лицензия, а в России вопрос авторства на ИИ-изображения решается не так, как с фотостоком. Разберем форматы под блоки сайта, правила коммерческого использования и типичные промахи, из-за которых картинка выглядит на сайте чужеродно.
Если вы уже выбрали подрядчика для создания сайта, эта статья поможет говорить с дизайнером на одном языке: что генерировать, в каком формате и с каким соглашением о правах.
Какие форматы изображений нужны разным блокам сайта
Нейросеть выдает картинку в том соотношении сторон, которое вы указали в промпте или выбрали в настройках. Если сгенерировать квадрат, а потом тянуть его под широкий баннер в редакторе, получится мыло по краям и смазанные детали в центре. Поэтому формат задают до генерации, а не после. Это особенно заметно на баннерах во всю ширину экрана: растянутое изображение теряет резкость именно там, где его видят в первую секунду.
- Hero-баннер в шапке сайта: широкое соотношение, обычно 16:9 или 21:9, с запасом пустого пространства слева или справа под заголовок и кнопку.
- Карточки услуг и товаров: квадрат 1:1 или альбомная ориентация 4:3, чтобы сетка каталога смотрелась ровно.
- Фоновые текстуры и подложки: бесшовный узор без явного центра композиции, иначе на разных экранах будет видно место склейки.
- Иконки и небольшие иллюстрации: единый стиль заливки и обводки на весь комплект, иначе сайт выглядит собранным из разных источников.
- Изображение для соцсетей (og:image): 1200 на 630 пикселей, это соотношение сторон примерно 1,91 к 1 принято как универсальное для Facebook, VK и Telegram.
Зачем указывать пропорции прямо в промпте
Большинство современных генераторов принимают соотношение сторон как параметр, а не только как текстовое пожелание. Если указать его числом, нейросеть строит композицию сразу под рамку, и не придется потом дорисовывать края через outpainting. Если генератор прямого указания пропорций не поддерживает, можно сделать квадрат с запасом по краям и вырезать нужный формат кадрированием уже после генерации: дольше, но подходит для любого инструмента.
Разрешение, вес файла и формат для продакшена
Генератор обычно отдает изображение с разрешением, достаточным для экрана, но не для печати. Для сайта этого хватает с запасом, если вы учитываете retina-экраны: ширину блока на макете умножают на два, под этот размер и экспортируют картинку.
После генерации файл почти всегда нужно сжать. Нейросети часто отдают PNG большого веса, а для веба нужен WebP или AVIF: оба формата дают заметно меньший размер файла при сравнимом визуальном качестве. Тяжелые изображения в шапке сайта первыми тормозят загрузку главной страницы, а про то, как это сказывается на скорости и что с этим делать, подробно разбирает статья про ускорение загрузки сайта.
Отдельно стоит проверить цветовой профиль итогового файла. Большинство генераторов отдают картинку в пространстве sRGB, которое корректно отображается в любом браузере. Если дизайнер работает в более широком профиле, например Adobe RGB, перед выгрузкой на сайт файл нужно сконвертировать обратно в sRGB, иначе цвета на экране посетителя поплывут относительно макета.
Как написать промпт, чтобы картинка попала в стиль сайта
Нейросеть не знает бренд-бук компании, пока вы его не описали словами. Хороший промпт для сайта обычно включает:
- Тип сцены и ракурс: «переговорная сверху», «рабочий стол крупным планом», «абстрактная композиция с градиентом».
- Цветовую палитру словами или через референс: «холодные синие и белый, без теплых оттенков».
- Стиль освещения: мягкий рассеянный свет читается на сайте лучше, чем контрастные тени, которые плохо смотрятся на мобильном экране.
- Негативные указания: что нужно исключить, например текст на вывесках, лишние руки, посторонние лица на фоне.
Чтобы комплект картинок для разных блоков не распадался на разные стили, полезно переиспользовать один референс или seed между запросами, а не генерировать каждую картинку с нуля независимо. Для рекламных креативов и баннеров логика промпта немного другая: там важнее яркость и читаемость при маленьком размере, этот подход разобран в статье про нейросеть для баннеров.
Лицензии на коммерческое использование: что разрешают разные сервисы
Право сгенерировать картинку и право использовать ее на коммерческом сайте: это два разных вопроса, и путать их дорого. У каждого сервиса свое пользовательское соглашение, и условия отличаются сильнее, чем кажется.
| Сервис | Бесплатный тариф | Платный тариф |
|---|---|---|
| Midjourney | Лицензия Creative Commons BY-NC: коммерческое использование запрещено | Пользователь владеет сгенерированными изображениями и может использовать их в коммерческих целях; компаниям с существенным годовым доходом требуется тариф уровнем выше базового |
| Генераторы изображений OpenAI (в составе ChatGPT) | Права на результат передаются пользователю | Те же права на результат, коммерческое использование разрешено при соблюдении контентной политики сервиса |
| Kandinsky (Sber) | Неисключительная лицензия на использование результата по условиям соглашения | Аналогичная неисключительная лицензия, условия соглашения требуют указывать, что изображение создано нейросетью |
Важная оговорка для всех сервисов: то, что платформа разрешает вам использовать картинку, не равно тому, что на нее есть исключительное авторское право, которое можно защищать в суде от копирования другими. Это два разных слоя прав, и второй для чисто ИИ-изображений в большинстве юрисдикций попросту отсутствует. Если нужен обзор именно бесплатных тарифов и их лимитов, он подробно разобран в статье про бесплатную генерацию картинок.
Кому принадлежат права на нейрокартинку по закону в России
Гражданский кодекс РФ определяет автора как гражданина, создающего произведение творческим трудом (п. 1 ст. 1257 ГК РФ). Нейросеть не гражданин и творческого труда в юридическом смысле не совершает, поэтому изображение, сгенерированное без содержательного человеческого вклада, авторским правом как таковым не охраняется. Отдельного закона именно про нейросети в России пока нет: вопрос того, кто и как может использовать результат, закрывают пользовательские соглашения конкретных сервисов, а не отдельная норма ГК РФ.
Есть и обратная сторона риска. Если нейрокартинка сделана на основе чужого существующего изображения, например через img2img с загруженным файлом, и автор оригинала не давал согласия на переработку, это нарушение исключительного права (пп. 9 п. 2 ст. 1270 ГК РФ). Автор вправе требовать компенсацию от 10 тысяч до 5 миллионов рублей по решению суда (ст. 1301 ГК РФ). Для сайта это значит простое правило: не загружайте в генератор чужие фотографии и иллюстрации в качестве основы без явного разрешения правообладателя.
Частые ошибки при использовании нейрокартинок на сайте
- Артефакты в деталях: лишние пальцы, странные тени, нечитаемый псевдотекст на вывесках и упаковках. Такие кадры нельзя ставить в hero-блок, где на них смотрят в первую очередь.
- Повторяющиеся лица и позы в разных блоках, из-за чего страница выглядит собранной из каталога одного актера.
- Генерация всего комплекта картинок с совершенно разными промптами без единого референса, из-за чего hero-баннер, карточки услуг и иконки выглядят так, будто сделаны тремя разными авторами.
- Пустой alt-атрибут у картинки: для SEO и доступности нужен текст, описывающий содержание, а не название файла вида img_4821.
- Заливка на сайт необработанного PNG в несколько мегабайт вместо сжатого WebP, что напрямую бьет по скорости загрузки и мобильной верстке.
- Игнорирование безопасных зон под текст: если на hero-картинку потом накладывается заголовок, композицию нужно планировать заранее, а не обрезать готовое изображение.
Как подогнать изображение под блок дизайна без потери качества
Правильный порядок работы обратный тому, что делают по привычке. Сначала формат и пропорции, потом промпт, а не наоборот.
Если готовое изображение чуть не дотягивает по ширине до нужного блока, лучше расширить холст через outpainting (дорисовку краев той же нейросетью), чем растягивать файл редактором: растяжение размывает детали, а дорисовка сохраняет резкость. Для увеличения разрешения под ретину используют апскейл отдельной моделью, а не просто экспорт в большем размере: нейросеть достраивает мелкие детали, а не просто увеличивает пиксели.
Полезно сразу складывать удачные промпты и значения seed в отдельный документ. Когда через несколько месяцев понадобится докинуть на сайт еще одну карточку услуги или баннер для новой акции, старый промпт с тем же seed вернет картинку в узнаваемом стиле, а не что-то рядом, но иное.
Для мобильной версии сайта стоит отдельно проверить, как кадрируется картинка на узком экране: композиция, которая хорошо читается на широком hero-баннере, на телефоне может обрезать главный объект сбоку. Это особенно важно для сайтов, где мобильный трафик основной, подробный чек-лист есть в статье про мобильную оптимизацию сайта.
Частые вопросы
Нужно ли указывать на сайте, что картинка создана нейросетью?
Общего закона, обязывающего подписывать маркетинговые изображения на сайте как сгенерированные ИИ, в России сейчас нет. Но у части сервисов это требование встроено в пользовательское соглашение: например, условия Kandinsky обязывают указывать, что изображение создано нейросетью, независимо от того, что говорит законодательство.
Можно ли использовать бесплатную генерацию для коммерческого сайта компании?
Зависит от конкретного сервиса, а не от того, что картинка в принципе сгенерирована бесплатно. У Midjourney бесплатный доступ идет под лицензией, прямо запрещающей коммерческое применение, а у некоторых других сервисов права на результат передаются пользователю на любом тарифе. Перед заливкой на сайт нужно читать именно условия того инструмента, которым вы пользовались.
Что будет, если нейросеть сгенерирует изображение, похожее на чужую картину?
Если картинка создана через загрузку чужого произведения как основы без согласия автора, это нарушение исключительного права по ст. 1270 ГК РФ. Автор вправе взыскать компенсацию от 10 тысяч до 5 миллионов рублей через суд по ст. 1301 ГК РФ. Поэтому чужие фотографии и иллюстрации не стоит использовать как референс внутри генератора.
В каком формате сохранять нейрокартинки для сайта
Для веба подходят WebP или AVIF: оба заметно легче PNG и JPEG при сравнимом качестве картинки. PNG имеет смысл оставлять только для изображений с прозрачным фоном, где поддержка AVIF или WebP с альфа-каналом у части браузеров еще ограничена.
Заменяет ли нейросеть дизайнера при подготовке изображений для сайта
Нет, она заменяет фотобанк и отчасти фотографа, а не дизайнера. Нейросеть дает сырье: картинку нужного сюжета и стиля. Встроить ее в сетку, оставить безопасную зону под текст, подобрать кадрирование под мобильную версию: это по-прежнему ручная работа дизайнера или верстальщика.
С чего начать
Если вы собираетесь закрыть все изображения на сайте нейросетью, порядок такой:
- Соберите референсы бренда: палитру, примеры освещения и композиции, которые уже используются в других материалах компании.
- Выберите один-два генератора и заранее прочитайте их лицензию на коммерческое использование, а не после того, как картинка уже стоит на сайте.
- Сгенерируйте тестовый комплект под все блоки сразу в нужных пропорциях: hero, карточки, фон, og-изображение.
- Сожмите результат в WebP или AVIF и только после этого заливайте на сайт.
Если разбираться в промптах, лицензиях и сетке дизайна самостоятельно не хочется, картинки под каждый блок и верстку вокруг них делают в студии создания сайтов Neurounit.
