PRIVAT VON GRUND AUF

Bilder werden lokal in Ihrem Browser konvertiert und niemals hochgeladen.

Praxisleitfaden

AVIF-Konvertierung: Kompatibilität, Qualität und Fehlerbehebung

Dieser Leitfaden hilft bei der Entscheidung für AVIF, bei Browser- oder Serverfehlern und beim Verständnis der Änderungen, die durch lokales Dekodieren und erneutes Kodieren entstehen.

Fragen beantwortet

Fragen zu Formaten, Geräten und Veröffentlichungsabläufen

Diese seitenübergreifenden Antworten behandeln Entscheidungen und Fehlerbilder, die über einen einzelnen Konverter hinausgehen.

Kann jede Anwendung eine hier erstellte AVIF-Datei anzeigen?

Nein. Das Erstellen einer AVIF-Datei nutzt WebAssembly, Web Workers und Canvas-APIs im aktuellen Browser; das Anzeigen der heruntergeladenen Datei ist eine separate Fähigkeit des empfangenden Browsers, Programms, CMS oder Geräts. Testen Sie eine repräsentative Datei im tatsächlichen Ziel und bieten Sie WebP, JPG oder PNG als Fallback an, wenn ältere oder eingebettete Software zur Zielgruppe gehört.

Wie kann ich prüfen, ob ausgewählte Bilder auf meinem Gerät bleiben?

Öffnen Sie die Entwicklerwerkzeuge des Browsers, wählen Sie den Bereich Netzwerk und beobachten Sie die Anfragen während der Konvertierung eines Testbildes. Seite und Encoder-Ressourcen können geladen werden, es sollte aber keine Upload-Anfrage mit dem ausgewählten Bild geben; nachdem diese Ressourcen geladen sind, bietet eine erneute kleine Konvertierung im Offlinemodus eine zusätzliche Kontrolle.

Warum kann ein großes Bild oder ein Stapel den Browserspeicher erschöpfen?

Die komprimierte Dateigröße entspricht nicht dem Arbeitsspeicherbedarf. Ein Bild mit 6000 x 4000 Pixeln benötigt für einen einzigen 8-Bit-RGBA-Puffer etwa 96 MB; Dekodierung, Skalierung, Kodierung, Vorschauen und ZIP-Erstellung können vorübergehend mehrere Puffer belegen. Begrenzen Sie die maximale Abmessung, verarbeiten Sie weniger Dateien gleichzeitig, schließen Sie speicherintensive Tabs und versuchen Sie eine fehlgeschlagene Datei einzeln erneut.

Wann sollte ich AVIF, WebP, JPG oder PNG wählen?

Wählen Sie AVIF, wenn kleine Dateien für moderne Webumgebungen Vorrang haben; WebP für ein gutes Verhältnis aus Kompression und Kompatibilität; JPG für Fotos, die sich nahezu überall öffnen lassen müssen; und PNG für verlustfreie Grafiken oder Transparenz, wenn die Größe zweitrangig ist. Bewahren Sie das Original als Masterdatei auf und wählen Sie das Ausgabeformat passend zum jeweiligen Ziel.

Warum ist die konvertierte Datei manchmal größer als die Eingabe?

Eine sehr kleine oder bereits gut optimierte Quelle kann eine neue Kodierung übertreffen, besonders bei hoher Qualität oder im verlustfreien Modus. Feine Texturen, Rauschen und Transparenz benötigen ebenfalls mehr Daten. Vergleichen Sie bei gleichen Pixelmaßen, probieren Sie eine niedrigere Qualität oder den Encoder-Modus für kleinere Dateien und behalten Sie das Original, wenn es kleiner und visuell ausreichend ist.

Welche Metadaten bleiben bei der Konvertierung im Browser erhalten?

Der Konverter dekodiert die dargestellten Pixel und erstellt eine neue Datei; EXIF-, IPTC-, XMP-, GPS-, Kamera- und ursprüngliche Zeitangaben werden nicht in das Ergebnis kopiert. Sofern vom Browser unterstützt, wird die Anzeigeausrichtung beim Dekodieren auf die Pixel angewendet. Prüfen Sie dennoch die Ausgabe und bewahren Sie die Quelle separat auf, wenn Metadaten für Archiv oder Arbeitsablauf wichtig sind.

Bleiben Farbräume mit großem Gamut oder HDR-Daten erhalten?

Gehen Sie nicht davon aus. Dieser Ablauf zeichnet das dekodierte Bild über eine standardmäßige 8-Bit-Browser-Canvas und erzeugt eine 8-Bit-Ausgabe, ohne das ICC-Profil oder die HDR-Signalisierung der Quelle in die neue Datei zu übernehmen. Farbverbindliche, für den Druck bestimmte, Wide-Gamut- und HDR-Master sollten in einem farbverwalteten Desktop-Workflow konvertiert und auf einem kalibrierten Bildschirm geprüft werden.

Was geschieht mit animierten WebP-, APNG-, GIF- oder AVIF-Dateien?

Diese Website erzeugt Standbilder und keine animierten Sequenzen; GIF gehört nicht zu den akzeptierten Eingabeformaten. Wird ein akzeptierter Container wie animiertes WebP, APNG oder AVIF dekodiert, gelangt nur ein angezeigter Frame zum Standbild-Encoder; Frame-Dauer, Schleifen und die übrigen Frames bleiben nicht erhalten. Verwenden Sie einen animationsfähigen Encoder, wenn Bewegung benötigt wird.

Ist verlustfreies AVIF eine Archivkopie der Quelldatei?

Nein. Der verlustfreie Modus vermeidet zusätzliche Verluste bei der AVIF-Kompression der dekodierten Pixeldaten, das Ergebnis ist aber weiterhin ein neu dekodiertes und kodiertes Bild und keine bitgenaue Kopie. Frühere Kompressionsverluste lassen sich nicht wiederherstellen; Metadaten, Farbsignalisierung, Bittiefe, Animation oder Abmessungen können von der Quelle abweichen.

Wie liefere ich AVIF auf einer produktiven Website mit Fallback aus?

Verwenden Sie ein picture-Element mit AVIF an erster Stelle, danach bei Bedarf eine WebP-source und als letzte Ausweichmöglichkeit ein normales JPG- oder PNG-img-Element. Nutzen Sie gleichwertige Abmessungen und aussagekräftigen alt-Text am Fallback-Bild; der Browser wählt den ersten unterstützten Quelltyp, sodass die Seite auch ohne AVIF-Unterstützung nutzbar bleibt.

Warum lässt sich eine AVIF-Datei lokal öffnen, aber nach dem Veröffentlichen nicht anzeigen?

Prüfen Sie die Anfrage für das bereitgestellte Bild und nicht nur die lokale Datei. Sie muss einen erfolgreichen Status, die tatsächlichen AVIF-Daten und den Content-Type image/avif liefern; ein veralteter CDN-Eintrag, ein falscher Pfad oder eine abweichende Großschreibung, eine HTML-Fehlerseite oder eine alte transformierte Kopie können sonst wie ein Dekodierungsfehler wirken. Leeren Sie den betroffenen Cache und testen Sie die exakte öffentliche URL im Zielbrowser.

Was sollte ich vor dem Ersetzen produktiver Bilder kontrollieren?

Vergleichen Sie Quelle und Ausgabe in der vorgesehenen Anzeigegröße und bei 100 % Zoom. Achten Sie besonders auf Text, feine Kanten, Verläufe, Gesichter und transparente Ränder. Prüfen Sie Pixelmaße und tatsächliche Byte-Ersparnis, testen Sie wichtige Browser-Geräte-Kombinationen, bewahren Sie die Masterdatei auf und ersetzen Sie Assets erst, wenn Bildqualität und Kompatibilitätsplan beide passen.