Sticker bauen
Kurzes GIF, große Schrift und schwarze Kontur – die Systemschriften des Browsers decken auch chinesische Schriftzeichen ab.
Wird geladen…
Guide
Die GIF-Werkzeuge bündeln vier kleine Aufgaben rund um Animationen: „Bildkomposition“, „Frame-Extraktion“, „Text hinzufügen“ und „Geschwindigkeit“. Die Komposition bringt Bilder im Browser-Canvas zuerst auf das Seitenverhältnis des ersten Bildes und erzeugt dann per ffmpeg mit zwei Palettendurchläufen das GIF. Die Frame-Extraktion dekodiert GIF, APNG oder animiertes WebP zu einer PNG-Reihe. Beim Text wird die Bildrate vereinheitlicht, Frame für Frame mit einer Systemschrift des Browsers beschriftet und danach neu zusammengesetzt; die Geschwindigkeit rechnet die Bildzeiten um.
Aktualisiert am 2026-09-103 min read
Die GIF-Werkzeuge bündeln vier kleine Aufgaben rund um Animationen: „Bildkomposition“, „Frame-Extraktion“, „Text hinzufügen“ und „Geschwindigkeit“. Die Komposition bringt Bilder im Browser-Canvas zuerst auf das Seitenverhältnis des ersten Bildes und erzeugt dann per ffmpeg mit zwei Palettendurchläufen das GIF. Die Frame-Extraktion dekodiert GIF, APNG oder animiertes WebP zu einer PNG-Reihe. Beim Text wird die Bildrate vereinheitlicht, Frame für Frame mit einer Systemschrift des Browsers beschriftet und danach neu zusammengesetzt; die Geschwindigkeit rechnet die Bildzeiten um.
Die Wege sind unterschiedlich gebaut: In die Komposition passen höchstens 60 Bilder, die Breite ist auf 320, 480 oder 640 px festgelegt; Text verträgt bis zu 300 Frames; die Geschwindigkeit reicht von 0,25x bis 4x, und was danach über 50 fps läge, wird auf 50 fps begrenzt. Die ffmpeg-Schritte laufen in einem Single-Thread-ffmpeg.wasm im Browser.
| Eingabe | Ausgabe | Hinweis |
|---|---|---|
8 PNG-Produktbilder |
GIF mit 480 px Breite und 0,5 Sekunden pro Bild, in Schleife |
Höhe nach dem Verhältnis des ersten Bildes, freie Flächen in der gewählten Hintergrundfarbe |
kurzes GIF mit 12 fps, Text „Feierabend!“ |
GIF, bei dem jedes Bild mit Systemschrift beschriftet und neu zusammengesetzt wird |
maximal 300 Frames |
GIF mit 20 fps auf 3x gebracht |
rechnerisch 60 fps, begrenzt auf 50 fps |
Frames werden automatisch verworfen |
Kurzes GIF, große Schrift und schwarze Kontur – die Systemschriften des Browsers decken auch chinesische Schriftzeichen ab.
Mehrere Fotos sortieren, eine einheitliche Anzeigedauer setzen und schnell zu einem GIF zusammensetzen.
GIF, APNG oder animiertes WebP in eine PNG-Reihe zerlegen und einzelne Bilder nachbearbeiten.
Mit 0,5x eine Verlangsamung bauen, mit 2x oder 4x eine lange Demo raffen.
Die Extraktion exportiert nur die Bilder, nicht die unterschiedlichen Anzeigedauern der einzelnen Frames; beim Neuzusammensetzen gilt für alle dieselbe Dauer.
Der Ablauf extrahiert zuerst die Frames und zeichnet den Text anschließend im Canvas des Browsers mit Systemschrift – so bleiben auch chinesische Schriftzeichen möglich, denn dem wasm-Build fehlen die passenden Schriftressourcen.
Bilder und Animationen bleiben im Browser und werden von Canvas und ffmpeg.wasm verarbeitet, hochgeladen wird nichts; beim ersten Aufruf eines ffmpeg-Pfads lädt die Seite rund 31–32 MB des Single-Thread-Cores vom Asset-Origin oder über jsDelivr.
Aktualisiert am 2026-09-10
Mehrere Bilder zu einem GIF verbinden, Einzelbilder exportieren, Untertitel ergänzen und Tempo ändern, alles für Sticker
Die gesamte Verarbeitung findet lokal im Browser statt; Dateien werden an keinen Server hochgeladen