Anleitung
- Fügen Sie den Base64-String oder die data:image/avif;base64-URI ein.
- Prüfen Sie die Vorschau, das erkannte Format und die Abmessungen.
- Um ein AVIF unverändert zu speichern, wählen Sie „Original“. Um ein anderes Format zu konvertieren, lassen Sie AVIF ausgewählt; kann Ihr Browser AVIF nicht kodieren, ist diese Option nicht verfügbar.
- Laden Sie die .avif-Datei herunter.
So sehen AVIF-Daten aus
AVIF speichert ein mit dem Videocodec AV1 komprimiertes Bild in einem HEIF-Container, also in derselben ISO-Base-Media-Dateistruktur, die auch MP4 verwendet. Eine kurze feste Signatur wie bei PNG gibt es nicht. Stattdessen beginnt die Datei mit einer ftyp-Box, die als Marke (Brand) avif nennt, bei animierten Sequenzen avis. In Base64 bedeutet das meist, dass der String mit AAAA beginnt und einige Zeichen später eXBhdmlm enthält. Das Tool liest die Box selbst aus und kann AVIF daher von HEIC unterscheiden, das denselben Container mit einer anderen Marke verwendet. Der MIME-Typ ist image/avif.
Die Konvertierung in AVIF hängt von Ihrem Browser ab
Aktuelle Versionen von Chrome, Edge, Firefox und Safari zeigen AVIF an, daher funktionieren Vorschau und Speichern der Originaldatei fast überall. Neue AVIF-Dateien zu erstellen ist etwas anderes. Die Konvertierung nutzt den in Ihren Browser integrierten Encoder, und nicht jeder Browser kann aus einem Canvas AVIF erzeugen. Das Tool prüft, ob Ihr Browser das kann. Falls nicht, ist die Option nicht verfügbar, und WebP ist die naheliegendste Alternative. Sie können auch ein PNG herunterladen und es mit einem spezialisierten Werkzeug wie avifenc aus libavif kodieren.
Wann sich AVIF lohnt
AVIF schlägt JPEG und WebP bei gleicher Bildqualität oft in der Dateigröße, besonders bei Fotos, und unterstützt Transparenz, hohe Farbtiefe und HDR. Die Kodierung ist langsamer, und manche älteren Bildbearbeitungsprogramme und Betriebssysteme können AVIF noch nicht öffnen. Bei sehr kleinen Bildern wie Icons kann der Container-Overhead die Vorteile aufheben, sodass PNG oder WebP kleiner ausfallen können. Liefern Sie AVIF auf Websites mit einem Fallback aus, damit jeder Besucher ein Bild sieht:
<picture>
<source srcset="photo.avif" type="image/avif">
<img src="photo.jpg" alt="Description">
</picture>Häufig gestellte Fragen
Warum ist die Download-Option AVIF nicht verfügbar?
Ihr Browser kann AVIF anzeigen, aber nicht aus einem Canvas kodieren. Versuchen Sie einen anderen aktuellen Browser, wählen Sie stattdessen WebP, oder laden Sie ein PNG herunter und konvertieren Sie es mit einem Desktop-Encoder.
Warum zeigt mein AVIF keine Vorschau?
Ein älterer Browser oder ein älteres Betriebssystem kann AVIF möglicherweise nicht dekodieren. Es könnte sich auch um HEIC handeln, das ähnlich aussieht, aber eine andere Marke verwendet; das erkannte Format verrät Ihnen, welches von beiden vorliegt. Der Download als „Original“ funktioniert in beiden Fällen.
Ist AVIF immer kleiner als WebP?
Oft, aber nicht immer. Das Ergebnis hängt vom Bild und von den Encoder-Einstellungen ab, vergleichen Sie also die Größen der heruntergeladenen Dateien.