Aufgabenpfad / von der Eingabe zum Ergebnis
So generierst du einen organischen SVG-Blob
- 01
Lege die Canvas-Größe fest
Gib Breite und Höhe als ganze Zahlen von 64 bis 4.096 Pixel ein; der Canvas ist auf 16.000.000 Pixel insgesamt begrenzt. Passe die Größe daran an, wo das Asset leben wird — eine Hero-Kulisse will einen breiten Canvas, eine Avatar-Dekoration einen quadratischen.
- 02
Forme die Geometrie
Ankerpunkte (4–16) bestimmt die Komplexität, Unregelmäßigkeit (0–0,9) das Wackeln und Glätte (0–1) die Rundheit. Reproduzierbarer Seed (1–99.999) friert den Zufall ein: Derselbe Seed und dieselben Einstellungen erzeugen immer denselben Blob, was eine Form leicht nachbaubar oder als Handvoll Zahlen teilbar macht.
- 03
Style Füllung, Kontur und Hintergrund
Wähle eine Blob-Farbe als sechsstelligen Hex-Wert, aktiviere Kontur und setze Konturbreite von 0 bis 32 Pixel für einen Strich, und behalte entweder Transparenter Canvas an oder wähle eine Canvas-Farbe. Die Vorschau aktualisiert sich bei jeder Änderung, und ungültige Werte werden an Ort und Stelle markiert statt exportiert.
- 04
Exportiere das Asset
SVG kopieren legt die exakte Quelle in die Zwischenablage zum Einfügen ins Markup, während SVG herunterladen und PNG herunterladen den Vektor oder ein Raster-Rendering in der gewählten Canvas-Größe exportieren. Das SVG bleibt ein einziger kompakter Pfad, es ist also billig, es inline in eine Seite zu setzen.