Генератор аватаров Open Peeps — рисованные персонажи со скачиванием SVG
Соберите рисованный аватар из частей Open Peeps: выберите аксессуар, позу тела, лицо, причёску и бороду, введите цвет обводки и скачайте результат как масштабируемый SVG. Всё рендерится локально средствами react-peeps — это не ИИ-портрет и не конвертер фото в аватар.
Что умеет этот генератор аватаров
Пять селекторов частей, около 18 миллионов вариантов
Аксессуар (10 вариантов), поза тела (65 — 28 по грудь, 11 сидя, 26 стоя), лицо (33), причёска (51) и борода (17) в сумме дают около 18,6 миллиона персонажей. Цвет обводки — свободное текстовое поле, а не выбор цвета.
Живой предпросмотр, подстраивающийся под позу
Каждое изменение мгновенно перерисовывает встроенный SVG, а viewBox пересчитывается по выбранному телу, чтобы высокие стоячие и низкие сидячие позы оставались в кадре. Сам предпросмотр фиксирован на 300×300 и показан на жёлтой скруглённой карточке с чёрной рамкой.
Экспорт в SVG и PNG
Кнопка SVG сериализует текущий рисунок, добавляет XML-декларацию и xmlns и сохраняет его как peep.svg — настоящий векторный файл, который можно масштабировать и редактировать без потерь. Кнопка PNG растрирует тот же рисунок с двойным разрешением и сохраняет его как peep.png. Кнопок JPEG и PDF нет.
Рисованный стиль Open Peeps
Результат — плоская линейная графика, собранная из иллюстраций библиотеки react-peeps 0.1.10: не фото, не 3D-рендер и не ИИ-лицо. Подписи в выпадающих списках переведены на каждый язык; внутренние ключи частей сохраняют английские названия библиотеки.
Локальная работа, есть кнопка случайности
Всё рисование происходит в браузере — без загрузки файлов и обращений к серверу. Кнопка «Случайно» заново выбирает аксессуар, тело, лицо, причёску и бороду, не трогая цвет обводки. Поля seed нет, случайный результат невоспроизводим, а после перезагрузки выбор сбрасывается.
FAQ об аватарах Open Peeps
Что именно создаёт этот инструмент?
Рисованный персонаж Open Peeps во встроенном SVG — по грудь, сидя или стоя, собранный из частей: аксессуар, тело, лицо, причёска и борода. Это генератор иллюстраций на основе частей, а не ИИ-генератор портретов и не конвертер фото в аватар.
Какие параметры можно настроить?
Пять выпадающих списков (аксессуар, тело, лицо, причёска, борода) и свободное текстовое поле цвета обводки, принимающее любое значение без проверки. Настроек цвета фона, размера холста, масштаба, поворота, прозрачности или множителя экспорта нет; жёлтый скруглённый фон и предпросмотр 300×300 фиксированы.
Можно ли экспортировать аватар и в каких форматах?
Да, в двух форматах: SVG (peep.svg с XML-декларацией и пространством имён SVG, чёткий в любом размере) и PNG (peep.png, растрированный с удвоенным разрешением предпросмотра). Скачивания в JPEG или PDF нет.
Есть ли кнопка случайности или seed?
Кнопка «Случайно» есть: она заново выбирает аксессуар, позу, лицо, причёску и бороду, не трогая цвет обводки. Поля seed нет — случайный результат невоспроизводим — и страница по-прежнему начинается с одних и тех же значений по умолчанию (аксессуар GlassRoundThick, тело Shirt, лицо Cute, причёска ShortVolumed, борода Dali, чёрная обводка).
Работает ли всё локально?
Да. react-peeps рисует персонажа как встроенный SVG целиком в браузере — без загрузки, без вызовов API и без серверного рендера аватара; по сети идут только ресурсы самой страницы.
На какие внешние библиотеки он опирается?
react-peeps 0.1.10 для частей иллюстрации, плюс react-hook-form и zod для состояния формы и селектов из собственного UI-набора сайта. Экспорт SVG использует Blob и функцию скачивания — без canvas-рендера и без бэкенда.
Чем это отличается от других инструментов аватаров и заглушек?
Он создаёт только рисованные персонажи в стиле Open Peeps. Не генерирует буквенные или геометрические аватары-заглушки, не обрезает фото под профиль и не синтезирует лица с помощью ИИ; результат — один редактируемый SVG-персонаж.
