Integrationsanleitung

Hilfe

Nutze hashavatar.app direkt aus dem Browser, deinem Frontend oder deinem Backend. Jede Avatar-URL ist deterministisch, sodass dieselbe Kennung und dieselben Optionen immer dasselbe Ergebnis erzeugen.

Basis-URL

Nutze den Query-Endpunkt, wenn du eine einfache öffentliche Bild-URL möchtest.

https://hashavatar.app/v1/[email protected]&algorithm=sha512&kind=robot&background=white&accessory=glasses&color=gold&expression=happy&shape=circle&format=webp&size=256

Pfad-URL

Nutze die Pfadform, wenn du sauberere Einbettungs-URLs bevorzugst.

https://hashavatar.app/avatar/fox/[email protected]/webp

HTML-Beispiel

<img
  src="https://hashavatar.app/v1/[email protected]&algorithm=sha512&kind=monster&background=themed&accessory=horns&color=crimson&expression=grumpy&shape=hexagon&format=webp&size=256"
  alt="Generated monster avatar"
/>

JavaScript-Beispiel

const avatarUrl = new URL("https://hashavatar.app/v1/avatar");
avatarUrl.search = new URLSearchParams({
  id: user.email,
  algorithm: "sha512",
  kind: "robot",
  background: "white",
  accessory: "glasses",
  color: "gold",
  expression: "happy",
  shape: "circle",
  format: "webp",
  size: "256",
}).toString();

Unterstützte Parameter

  • id: any stable identifier such as an email, username, internal user id, or one-way hash
  • tenant: optional namespace partition for multi-tenant apps
  • style_version: optional style namespace such as v2
  • algorithm: identity hash mode; only sha512 is supported
  • kind: any public hashavatar family, including cat, dog, robot, planet, rocket, frog, panda, cupcake, pizza, octopus, knight, bear, penguin, dragon, ninja, astronaut, diamond, coffee-cup, and shield
  • background: themed, white, black, dark, light, transparent, polka-dot, striped, checkerboard, grid, sunrise, ocean, or starry
  • accessory: none, glasses, hat, headphones, crown, bowtie, eyepatch, scarf, halo, or horns
  • color: default, neon-mint, pastel-pink, crimson, gold, or deep-sea-blue
  • expression: default, happy, grumpy, surprised, sleepy, winking, cool, or crying
  • shape: square, circle, squircle, hexagon, or octagon
  • format: output format; only webp is supported
  • size: from 64 up to 1024

Accessoire- und Ausdrucks-Layer gelten für charakterartige Familien. Objektartige Familien wie planet, rocket, paws, mushroom, cactus, cupcake, pizza, icecream, diamond, coffee-cup und shield werden auf accessory=none und expression=default normalisiert.

Signierte Speicher-Links

Wenn dieser Deployment Objekt-Speicher konfiguriert hat, fordere einen vorsignierten Speicher-Link über /v1/avatar/link an. Dieser Endpunkt speichert das erzeugte Objekt und gibt JSON mit signierter URL, Objekt-Key und gehashtem Cache-Key zurück. Normale Avatar-Antworten geben keine signierten Link-Metadaten in Response-Headern aus.

GET https://hashavatar.app/v1/avatar/[email protected]&algorithm=sha512&kind=robot&background=white&accessory=glasses&color=gold&expression=happy&shape=circle&format=webp&size=256

Open Source

Der öffentliche Quellcode der Website liegt im API-Repository und der wiederverwendbare Avatar-Renderer ist auf crates.io veröffentlicht. Repository · crates.io