GIF in AVIF umwandeln
Ein animiertes AVIF läuft im Image-Tag wie ein GIF, ist aber mit dem AV1-Videocodec komprimiert – dieselbe Schleife kostet auf einer Webseite nur einen Bruchteil der Bytes.
Video-Konverter
oder MP4, MOV, MKV …-Dateien hierher ziehen ·
Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten
Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.
Niedriger bedeutet bessere Qualität und eine größere Datei. 18 sieht wie die Quelle aus, 23 ist der Standard, ab 28 ist sichtbare Weichzeichnung erkennbar.
Bilder pro Sekunde. Behalten Sie die Rate der Quelle bei, außer eine Plattform verlangt eine bestimmte; für GIFs reichen 15–20 fps völlig aus.
Nur für PowerPoint-Dateien und einzelne Standbilder: wie lange jede Folie oder jedes Bild auf dem Bildschirm bleibt.
Automatisch verwendet AAC für MP4/MOV und Opus für WebM. Kopieren behält den Originalton unverändert, wenn das neue Format es unterstützt.
192 kbps sind für Musik transparent; 128 kbps reichen für Sprache.
Breite der Animation in Pixeln; die Höhe folgt dem Seitenverhältnis. 480 px passen für Chats, ab 720 px entsteht ein hochwertiges GIF, aber eine viel größere Datei.
Ein GIF enthält höchstens 256 Farben. Weniger Farben ergeben eine kleinere Datei, führen aber zu Streifenbildung bei Verläufen und Hauttönen.
Mischt Palettenfarben in einem feinen Muster, um Streifenbildung zu verbergen. Sierra liefert das glatteste Ergebnis; ohne Dithering wird die Datei am kleinsten.
Ob sich die Animation endlos wiederholt oder einmal abgespielt wird und dann stoppt.
Optional. Sekunden (z. B. 75) oder Minuten:Sekunden (1:15). Leer lassen, um am Anfang zu beginnen.
Optional. Gleiches Format wie die Startzeit. Leer lassen, um alles bis zum Ende zu behalten.
Die konvertierte Datei hat diese Größe oder liegt knapp darunter.
So verwenden Sie dieses Tool
- 1
GIFs hinzufügen
Laden Sie bis zu 20 animierte GIFs mit jeweils maximal 95 MB hoch. Kurze MP4- oder WebM-Clips lassen sich ebenfalls direkt in animiertes AVIF umwandeln.
- 2
Breite festlegen
Die animierte Ausgabe beginnt mit einer Breite von 480 px. Wenn Sie die Originalbreite des GIFs ohne Skalierung behalten möchten, tragen Sie sie unter Erweiterte Einstellungen ein; Endlosschleife bleibt auf „Endlos wiederholen“.
- 3
In AVIF umwandeln
Klicken Sie auf In AVIF umwandeln → und laden Sie die .avif-Dateien herunter. Sie lassen sich direkt in ein picture-Element auf Ihrer Website einbinden.
Warum GIF für eine Website in AVIF umwandeln?
GIF speichert jedes Einzelbild als eigenes Bild mit 256 Farben. Eine Produktdemo oder ein bildschirmaufgezeichneter Ablauf von wenigen Sekunden kann mehrere Megabyte wiegen, und auf einer Landingpage ist dieses eine Bild oft schwerer als der gesamte Code. Der Google-Lighthouse-Test hat dafür eine eigene Prüfung, „Use video formats for animated content“, die genau auf solche Dateien zielt.
AVIF wurde 2019 von der Alliance for Open Media als Standbildformat auf Basis des AV1-Videocodecs im HEIF-Container verabschiedet. Ein animiertes AVIF ist eine AV1-Bildsequenz: Spätere Bilder werden aus früheren vorhergesagt, genau wie in einer Videodatei, sodass nur die Änderung zwischen den Bildern Bits kostet.
GIF oder animiertes AVIF: Was das Format mehr bietet
| from ↓ · to → | Mehr als 256 Farben pro Bild | Weiche Alpha-Kanten | Bewegungsprädizierte Bilder | 10-bit color | Öffnet sich in jedem Bildbetrachter |
|---|---|---|---|---|---|
| GIF | – GIF to Mehr als 256 Farben pro Bild: no | – GIF to Weiche Alpha-Kanten: no | – GIF to Bewegungsprädizierte Bilder: no | – GIF to 10-bit color: no | GIF to Öffnet sich in jedem Bildbetrachter: yes |
| Animiertes AVIF | Animiertes AVIF to Mehr als 256 Farben pro Bild: yes | Animiertes AVIF to Weiche Alpha-Kanten: yes | Animiertes AVIF to Bewegungsprädizierte Bilder: yes | Animiertes AVIF to 10-bit color: yes | – Animiertes AVIF to Öffnet sich in jedem Bildbetrachter: no |
GIF
Graphics Interchange Format
GIF wurde 1987 von CompuServe eingeführt und ist weiterhin das am weitesten unterstützte Format für kurze, sich wiederholende Animationen. Es ist verlustfrei, aber auf eine Palette von 256 Farben pro Bild beschränkt, sodass Fotos und Farbverläufe Streifenbildung und Dithering zeigen. Es unterstützt nur Ein/Aus-Transparenz (1 Bit), was an gekrümmten Formen ausgefranste Kanten hinterlässt. Animierte GIFs sind oft weit größer als derselbe Clip als MP4 oder WebP. Jeder Browser, jede Chat-App und jede Social-Media-Plattform spielt GIFs ab.
- Komprimierung
- Verlustfrei
- Transparenz
- Ja
- Animation
- Ja
- Eingeführt
- 1987 · CompuServe
AVIF
AV1 Image File Format
AVIF speichert Einzelbilder und Bildsequenzen, die mit dem Videocodec AV1 komprimiert sind; die Alliance for Open Media hat es 2019 finalisiert. Bei gleicher visueller Qualität entstehen meist kleinere Dateien als mit JPEG und WebP, und das Format unterstützt Transparenz, Animation, großen Farbraum und HDR. Das Kodieren ist langsamer als bei älteren Formaten, und sehr feine Texturen können bei niedriger Qualität geglättet wirken. Alle großen Browser zeigen AVIF inzwischen an, viele Desktop-Programme, soziale Plattformen und ältere Geräte können es jedoch nicht öffnen.
- Komprimierung
- Verlustbehaftet oder verlustfrei
- Transparenz
- Ja
- Animation
- Ja
- Eingeführt
- 2019 · Alliance for Open Media
GIF wird zu AVIF, wenn es um das Seitengewicht geht: Hero-Loops, Produktdemos und UI-Walkthroughs behalten ihr automatisch abspielendes Verhalten im Bild-Tag, während die Datenmenge stark sinkt und die Farbstufen der 256-Farben-Palette verschwinden.
Wann animiertes AVIF der richtige Ersatz ist
AVIF eignet sich gut für
- Hero- und Feature-Loops auf Ihrer eigenen Website
- Produkt-UI-Demos mit Verläufen und Schatten
- Seiten, die nach Ladezeit und Core Web Vitals bewertet werden
- Animationen mit weichen, transparenten Kanten
GIF behalten für
- E-Mail-Newsletter und Signaturen
- Foren und Chat-Apps, die nur GIF-Vorschauen zeigen
- Uploads in ältere CMS-Installationen
- Empfänger, die die Einzelbilder später bearbeiten
Animiertes AVIF mit Fallback ausliefern
Aktuelle Versionen von Chrome, Edge, Firefox und Safari spielen animiertes AVIF ab; Firefox hat die Animation als letzter ergänzt, in Version 113. Die Einbindung in einem picture-Element mit dem GIF als Fallback kostet nichts und schützt ältere Browser. Das Kodieren von AVIF ist langsamer als das Schreiben eines GIFs; ein langer Clip braucht daher spürbar länger als bei WebP.
Wenn die Schleife in eine Chat-App statt auf Ihre eigene Website soll, ist eine Videodatei sicherer: GIF in MP4 läuft überall. Der Leitfaden zu AVIF, HEIC und WebP vergleicht die drei modernen Bildformate im Detail.
Fragen zur Umwandlung von GIF in AVIF
Läuft ein animiertes AVIF in Schleife wie ein GIF?
Ja. Die Option Endlosschleife steht auf „Endlos wiederholen“, und Browser spielen eine AVIF-Bildsequenz in einem img-Tag genauso in Schleife ab wie ein GIF, ohne Steuerelemente und ohne Ton. Wählen Sie „Einmal abspielen“ für eine Intro-Animation, die beim letzten Bild stehen bleiben soll.
Warum zeigt mein AVIF nur das erste Bild?
Das Anzeigeprogramm versteht nur statisches AVIF, aber keine AVIF-Bildsequenzen. Ältere Bildbetrachter und Firefox-Versionen vor 113 (veröffentlicht 2023) verhalten sich so. Öffnen Sie die Datei zur Kontrolle der Animation in einem aktuellen Chrome, Edge, Firefox oder Safari.
Bleibt der transparente Hintergrund meines GIFs im AVIF erhalten?
Das AVIF-Format unterstützt einen vollständigen Alphakanal und kann Transparenz daher deutlich besser darstellen als die Ein-/Aus-Pixel von GIF. Prüfen Sie das Ergebnis vor der Veröffentlichung auf farbigem oder kariertem Hintergrund, denn eine ins Original-GIF eingerechnete Hintergrundfarbe (Matte) bleibt sichtbar.
Kann ich animierte AVIF-Dateien in WordPress hochladen?
WordPress 6.5 (2024) hat AVIF in die Mediathek aufgenommen, sofern die Bildbibliothek des Servers es unterstützt. Ältere Installationen lehnen den Upload ab; behalten Sie dann das GIF oder nutzen Sie GIF in WebP, das WordPress seit 5.8 akzeptiert.
Wie zeige ich das AVIF mit einem GIF als Fallback an?
Packen Sie beides in ein picture-Element: ein source-Tag mit type image/avif, das auf das AVIF verweist, danach ein img-Tag mit dem GIF. Browser, die AVIF dekodieren, laden die kleine Datei, alle anderen greifen ohne Bildfehler auf das GIF zurück.
