Générateur d’avatars Open Peeps — personnages dessinés à la main et export SVG
Composez un avatar dessiné à la main à partir des pièces Open Peeps : choisissez un accessoire, une pose de corps, un visage, une coiffure et une barbe, saisissez une couleur de contour, puis téléchargez le résultat en SVG redimensionnable. Tout est rendu localement par react-peeps — ni portrait IA, ni outil de conversion photo en avatar.
Ce que propose ce générateur d’avatars
Cinq sélecteurs de pièces, environ 18 millions de looks
Accessoire (10 options), pose du corps (65 — 28 bustes, 11 assises, 26 debout), visage (33), coiffure (51) et barbe (17) se combinent en environ 18,6 millions de personnages. La couleur de contour est un champ texte libre, pas un sélecteur de couleur.
Aperçu en direct adapté à chaque pose
Chaque modification redessine immédiatement le SVG intégré, et la viewBox est recalculée à partir du corps choisi pour que les poses debout et assises restent bien cadrées. L’aperçu lui-même est fixe en 300×300, sur une carte jaune arrondie avec une bordure noire.
Export en SVG et PNG
Le bouton SVG sérialise le dessin courant, ajoute la déclaration XML et le xmlns, puis l’enregistre sous peep.svg — un vrai fichier vectoriel que l’on peut redimensionner ou modifier sans perte. Le bouton PNG rasterise le même dessin au double de la résolution et l’enregistre sous peep.png. Aucun bouton JPEG ou PDF n’est proposé.
Style Open Peeps dessiné à la main
Le rendu est un dessin au trait plat assemblé à partir de la bibliothèque d’illustrations react-peeps 0.1.10, pas une photo, pas un rendu 3D ni un visage généré par IA. Les libellés des listes déroulantes sont traduits dans chaque langue ; les clés internes des pièces gardent les noms anglais de la bibliothèque.
Local, avec un bouton aléatoire
Tout le rendu se fait dans le navigateur, sans téléversement ni appel serveur. Le bouton aléatoire choisit de nouveau au hasard l’accessoire, le corps, le visage, la coiffure et la barbe, en laissant la couleur de contour inchangée. Il n’y a pas de champ de graine, le résultat aléatoire n’est pas reproductible, et un rechargement annule vos choix.
FAQ sur les avatars Open Peeps
Que génère exactement cet outil ?
Un personnage Open Peeps dessiné à la main, en SVG intégré — en buste, assis ou debout, assemblé à partir d’accessoires, de corps, de visages, de coiffures et de barbes. C’est un générateur d’illustrations par pièces, pas un générateur de portraits IA ni un convertisseur photo en avatar.
Quels paramètres puis-je régler ?
Cinq listes déroulantes (Accessoire, Corps, Visage, Coiffure, Barbe) et un champ de couleur de contour en texte libre qui accepte n’importe quelle valeur sans validation. Aucun réglage pour la couleur de fond, la taille du canevas, le zoom, la rotation, l’opacité ou l’échelle d’export ; le fond jaune arrondi et l’aperçu 300×300 sont fixes.
Puis-je exporter l’avatar, et dans quels formats ?
Oui, en deux formats : SVG (peep.svg, avec une déclaration XML et l’espace de noms SVG, net à toutes les tailles) et PNG (peep.png, rastérisé au double de la résolution de l’aperçu). Il n’y a pas de téléchargement JPEG ou PDF.
Y a-t-il un bouton aléatoire ou une graine ?
Il y a un bouton aléatoire : il choisit de nouveau au hasard l’accessoire, la pose, le visage, la coiffure et la barbe, en laissant la couleur de contour inchangée. Pas de champ de graine — le résultat n’est pas reproductible — et la page démarre toujours avec les mêmes valeurs par défaut (accessoire GlassRoundThick, corps Shirt, visage Cute, coiffure ShortVolumed, barbe Dali, contour noir).
Fonctionne-t-il en local ?
Oui. react-peeps rend le personnage en SVG intégré entièrement dans le navigateur, sans téléversement, sans appel API et sans rendu côté serveur ; seules les ressources de la page transitent par le réseau.
De quelles bibliothèques externes dépend-il ?
react-peeps 0.1.10 pour les pièces d’illustration, plus react-hook-form et zod pour l’état du formulaire et les composants de sélection du kit UI du site. L’export SVG utilise un Blob et un utilitaire de téléchargement — pas de rendu canvas, pas de service backend.
En quoi est-ce différent des autres outils d’avatar ou de placeholder ?
Il ne crée que des illustrations de personnages de style Open Peeps. Il ne génère pas d’avatars de remplacement à base de lettres ou de formes géométriques, ne recadre pas une photo en photo de profil et ne synthétise pas de visages avec l’IA ; le résultat est un personnage SVG modifiable.
