Логотип, который открывается в блокноте — и перекрашивается бесплатно

Я открыл логотип, который нарисовала нейросеть. В блокноте. И прочитал его.

Там написано <g id="loaf" fill="#EAAF6B">. Буханка, цвет золотистый. Хочешь синюю буханку — меняешь шесть символов. Без новой генерации, без денег и без ожидания.

Это файл из документации OpenAI. С 4 ноября модель GPT Image 2.6 умеет отдавать результат в SVG. Весь логотип в том примере весит 4976 байт. Внутри 12 контуров и ровно 2 цвета.

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

Раньше любая ИИ-картинка была горой пикселей. Не понравился оттенок — плати и генерируй снова, и логотип выйдет уже другой. Теперь цвет отделён от рисунка.

Где тут хитрость

Обычная PNG-картинка — это миллионы цветных точек. SVG — это текст с координатами. Браузер читает его как инструкцию: «вот кривая, залей её этим цветом».

Отсюда главный фокус проекта. Ты находишь в файле все записи вида #EAAF6B и делаешь из них цветные кнопки. Пользователь тянет ползунок, ты заменяешь строку и показываешь файл заново. Это обычная замена текста, она работает мгновенно.

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

• Flare превратила буквы в кривые. Текста в файле нет, логотип везде выглядит одинаково.
• Sunburst оставила настоящий текст со шрифтом Georgia. Слово можно поправить руками. Зато на устройстве без этого шрифта надпись поменяет вид.

Для логотипа тебе нужен первый вариант. Попроси его прямо в промпте и проверь: если в файле есть <text, скажи об этом пользователю.

Что нельзя

Важно знать заранее, чтобы не строить проект не туда.

• Загрузить свою картинку и получить вектор нельзя. SVG делается только из текстового описания. Отредактировать готовый SVG через API тоже нельзя.
• Сложные сцены — не сюда. Это иконки, логотипы, плоские иллюстрации.
• За один запрос — одна картинка.

Чему научишься

• Читать SVG. Открыть файл, понять, что path — это фигура, а fill — заливка.
• Искать по тексту регулярным выражением. Найти все цвета в файле одной строкой кода.
• Разделять дорогое и дешёвое. Запрос к ИИ один, всё остальное бесплатно живёт в браузере.
• Прятать ключ. Генерация идёт через твой сервер.

Готовый стартовый промпт

Слабый промпт вернёт тебе обычную картинку, и вся идея пропадёт. В сильном есть главное: формат SVG, ограничение на три цвета, буквы кривыми и перекраска без сервера.

Что в итоге

Вводишь: «Бублик, кофейня у дома». Секунд через 15–20 на странице логотип и под ним три цветных квадрата. Жмёшь на первый, крутишь круг цвета — логотип перекрашивается вслед за пальцем, без загрузки. Нашёл своё сочетание — скачал файл на 5 килобайт. Такой логотип можно растянуть хоть на вывеску, он не размоется.

Открой этот файл в блокноте. Покажи другу. Именно на этом месте люди говорят «подожди, как это».

В замере через стороннего посредника SVG обычно приходил за 13–18 секунд и стоил 3,5 цента. Один запрос у них шёл две минуты. Это цены посредника: у OpenAI ты платишь за вспомогательную картинку и за токены, которыми модель пишет файл, поэтому итог заранее не посчитать. Глянь на счёт после первого запуска.

Честно о рамках. Буквы даются модели не идеально, OpenAI сама об этом предупреждает. Начни с латиницы, а кириллицу проверь отдельно. Цвета могут быть записаны не только в hex, тогда кнопка для них не появится. Нужен ключ OpenAI API с деньгами на счету. И прежде чем печатать логотип на футболках, поищи, нет ли уже такого знака.

Год назад нейросеть отдавала тебе готовую картинку. Теперь она отдаёт файл, который ты можешь читать и менять сам.

Источник: Image generation — Generate SVG output (OpenAI)