Aus Standbildern wird eine Animation
Jedes Bild, das du hinzufügst, wird zu einem Einzelbild der Animation. Zieh die Zeilen oder nutze die Pfeile, um die Reihenfolge zu ändern, oder drück Nach Namen sortieren, wenn die Dateien nummeriert sind, etwa Screenshots oder exportierte Einzelbilder. Die Vorschau unter der Liste spielt die Animation mit echtem Timing, echter Größe und echtem Hintergrund ab. So siehst du das Ergebnis, bevor überhaupt etwas kodiert wird.
Die Bilder müssen nicht gleich groß sein. Einpassen setzt jedes Bild in die Mitte und füllt den Rest mit deiner Hintergrundfarbe oder lässt ihn bei GIF und WebP transparent. Ausfüllen schneidet jedes Bild von der Mitte aus zu, sodass das ganze Bild bedeckt ist. Die Ausgabegröße richtet sich nach dem ersten Bild, nach dem größten oder nach einer Breite, die du eintippst; die Höhe ergibt sich aus dem Seitenverhältnis.
Tempo und Timing
Lege die Dauer jedes Bildes in Millisekunden fest, zum Beispiel 500 für zwei Bilder pro Sekunde, oder stell auf Bilder pro Sekunde um. Schalte Eigene Dauer pro Bild ein, um eine Titelkarte länger zu zeigen oder das letzte Bild stehen zu lassen, bevor die Schleife wieder von vorn beginnt.
Browser spielen GIF-Bilder, die kürzer als 20 Millisekunden sind, viel langsamer ab als gedacht. Deshalb ist die kürzeste Dauer hier 20 Millisekunden (50 Bilder pro Sekunde). GIF speichert Zeiten in Hundertstelsekunden; WebP und MP4 behalten sie auf die Millisekunde genau.
GIF, WebP oder MP4
GIF funktioniert überall, auch in E-Mails und älteren Chat-Apps, aber jedes Bild ist auf 256 Farben begrenzt. Fotos verlieren dadurch etwas an Weichheit, und große GIFs werden schwer. Aus diesem Grund ist die GIF-Ausgabe auf 1920 Pixel an der längeren Seite begrenzt. Animiertes WebP behält alle Farben und weiche Transparenz und ist meist deutlich kleiner; alle aktuellen Browser zeigen es an. MP4 ist mit Abstand am kleinsten und passt gut zu Social-Media-Posts, hat aber keine Transparenz, und der Player entscheidet selbst, ob er wiederholt. Eine feste Anzahl an Durchläufen wird deshalb direkt ins Video geschrieben.