Anleitung
- Legen Sie eine .avif-Datei auf dem Ablagebereich ab, klicken Sie darauf, um eine Datei auszuwählen, oder fügen Sie ein Bild ein.
- Belassen Sie „Konvertieren in“ auf „Original beibehalten“. AVIF ist meist die kleinste Option, und das Tool kann Bilder nicht neu als AVIF kodieren.
- Konvertieren Sie nur dann in PNG, JPEG oder WebP, wenn die Empfängerseite kein AVIF verarbeiten kann.
- Kopieren Sie die Data-URI als Quelle für ein picture-Element, oder verwenden Sie die Ausgabe als reines Base64, img-Tag, CSS oder Markdown.
Was ist AVIF?
AVIF (AV1 Image File Format) speichert Bilder, die mit dem Videocodec AV1 komprimiert sind, in einem HEIF-Container. Es wurde 2019 von der Alliance for Open Media veröffentlicht und unterstützt Transparenz, Animation, 10- und 12-Bit-Farbtiefe, HDR und erweiterte Farbräume. Der MIME-Typ ist image/avif.
Bei gleicher visueller Qualität sind AVIF-Dateien oft deutlich kleiner als JPEG und meist kleiner als WebP, besonders bei niedrigen Bitraten. Da Base64 jede Datei um dasselbe Drittel vergrößert, bedeutet ein kleineres AVIF direkt eine kürzere Data-URI.
Browserunterstützung und Fallbacks
AVIF wird in Chrome ab Version 85, Firefox ab 93, Safari ab 16 und Edge ab 121 angezeigt. Ältere Browser und die meisten E-Mail-Programme können es nicht darstellen. Im Web setzen Sie die Data-URI daher in ein <picture>-Element mit einem Fallback:
<picture>
<source type="image/avif" srcset="data:image/avif;base64,...">
<img src="logo.png" alt="Logo" width="120" height="40">
</picture>Belassen Sie den Fallback als separate Datei. Wäre er ebenfalls eine Data-URI, würde jeder Besucher beide Versionen als Teil des HTML herunterladen.
Kodierungs- und Konvertierungsoptionen
Das Tool kodiert Ihre AVIF-Datei genau so, wie sie ist. AVIF gehört nicht zu den Konvertierungszielen, das sind PNG, JPEG und WebP. Um AVIF aus einem anderen Format zu erzeugen, verwenden Sie einen eigenen Encoder wie avifenc, Squoosh oder ein Bildbearbeitungsprogramm und kodieren das Ergebnis anschließend hier.
Die Konvertierung eines AVIF in PNG, JPEG oder WebP funktioniert in Browsern, die AVIF dekodieren können, und ist nützlich für Systeme, die es nicht akzeptieren, das Ergebnis ist jedoch meist größer. Wenn Sie breite Unterstützung und eine geringe Größe benötigen, ist WebP die naheliegendste Alternative.
Häufig gestellte Fragen
Kann ich hier PNG oder JPEG in AVIF umwandeln?
Nein. Die Konvertierungsziele sind PNG, JPEG und WebP. Erstellen Sie die AVIF-Datei zuerst mit einem anderen Tool und legen Sie sie dann hier ab, um sie zu kodieren.
Welche Browser zeigen data:image/avif-Bilder an?
Chrome 85+, Firefox 93+, Safari 16+ und Edge 121+. Für ältere Browser stellen Sie in einem picture-Element einen PNG- oder JPEG-Fallback bereit.
Warum gibt es keine Vorschau meines AVIF-Bildes?
Ihr Browser kann AVIF vermutlich nicht dekodieren. Die Base64-Ausgabe wird trotzdem aus den Dateibytes erzeugt und ist korrekt; öffnen Sie die Seite in einem aktuellen Browser, um die Vorschau zu sehen.
Ist AVIF-Base64 kürzer als WebP-Base64?
Meist ja, bei ähnlicher visueller Qualität. Base64 fügt beiden Formaten dieselben 33 % hinzu, daher ergibt die kleinere Quelldatei immer den kürzeren String.