Format Atlas

Ratgeber

Kompressions- und Animationsformate für Webbilder wählen

Unterscheide Fotos, Transparenz, Animation und Kompatibilität. Vergleiche echte Dateien in der Zielumgebung, statt Größe oder Qualität aus dem Namen abzuleiten.

Welches Format sollten Sie wählen?

Wählen Sie nach der Rolle der Datei in Ihrem Arbeitsablauf.

  • Breite Fotoausgabe → JPEG
  • Transparentes Standbild → PNG
  • Optimierte Web-Ausgabe → WebP oder AVIF
  • Kurze verlustfreie Animation mit Transparenz → APNG
  • Kompression bei JPEG-XL-Unterstützung prüfen → JPEG XL

Kompatibilität zuerst prüfen

Neuere Formate werden von Browsern, Apps, CDNs und Konvertern unterschiedlich unterstützt. Legen Sie Zielumgebungen fest und testen Sie Ersatzbilder vor der Einführung.

Animation und Video getrennt betrachten

APNG, GIF und animiertes WebP eignen sich für kurze Schleifen oder UI-Effekte. Für lange Inhalte oder Audio benötigen Sie einen Videocontainer und einen Codec.

Geeignete Formate

JPEG

Geeignet für: Fotoausgabe mit breiter Unterstützung

Weniger geeignet für: Grafiken, die Transparenz brauchen

PNG

Geeignet für: Transparente Standbilder und Grafiken

Weniger geeignet für: Dateigröße von Fotos senken

WebP

Geeignet für: Webbilder optimiert ausgeben

Weniger geeignet für: Verpflichtende Nutzung ohne Unterstützungsprüfung

AVIF

Geeignet für: Web-Ausgabe bei bestätigter AVIF-Unterstützung

Weniger geeignet für: Bedingungslose Ausgabe an alte Umgebungen

APNG

Geeignet für: Kurze transparente Animation

Weniger geeignet für: Langes Video ausgeben

JPEG XL

Geeignet für: Bilder bei JPEG-XL-Unterstützung bewerten

Weniger geeignet für: Allgemeine Ausgabe ohne Kompatibilitätsprüfung

Vor dem Export prüfen

  • Encodierung, Bildinhalt und Anzeigegröße beeinflussen Dateigröße und Qualität.
  • Prüfe Zielbrowser und Ersatzbilder vor der Einführung eines neuen Formats.

Ähnliche Vergleiche

JPEG oder PNGJPEG verwendet meist verlustbehaftete Kompression und eignet sich für viele Fotos; PNG erhält Pixel verlustfrei und unterstützt Transparenz. Die Wahl hängt von Bildinhalt, Bearbeitung und Zielanforderungen ab.JPEG oder WebPJPEG wird für Fotos breit unterstützt; WebP bietet verlustbehaftete und verlustfreie Kompression sowie Transparenz. Bei der Webauslieferung hängen die Ergebnisse von Quellbild, Encodereinstellungen und Zielbrowsern ab.JPEG XL oder AVIFJPEG XL und AVIF sind unterschiedliche Bildcodierungsformate mit abweichenden Funktionen und Implementierungsständen. Die praktische Wahl hängt von Browsern, Anwendungen, Encodern und Auslieferungsweg ab, nicht nur von beworbenen Fähigkeiten.JPEG XL oder WebPJPEG XL und WebP sind unterschiedliche Bildformate mit verschiedenen Funktionen und Unterstützung in Browsern und Werkzeugen. WebP ist in vielen Webabläufen etabliert; JPEG XL kommt nur infrage, wenn Clientunterstützung und gesamte Auslieferungskette bestätigt sind.GIF vs APNGGIF und APNG können beide mehrere Einzelbilder enthalten. GIF ist für einfache kurze Schleifen weit verbreitet; APNG erweitert PNG um Animation mit verlustfreien Bildern und Transparenz. Prüfen Sie Unterstützung und tatsächliche Dateigröße.APNG oder WebPAPNG und WebP unterstützen Animation und Transparenz. APNG erweitert PNG um verlustfreie Animation; WebP bietet verlustbehaftete und verlustfreie Kodierung fürs Web.

Ratgeber

Ein Webbildformat wählenBestimme vor der Wahl die Bildart und welche Browser und Werkzeuge sie unterstützen müssen.Ein Fotoformat wählenBei Fotos hängt die Wahl davon ab, ob einfaches Teilen, kleinere Webdateien oder Anforderungen an Produktion und Bearbeitung wichtiger sind.Ein transparentes Bildformat wählenPrüfe, ob Teiltransparenz, fotografische Details oder skalierbare Vektorgrafiken benötigt werden und ob die Zielumgebung sie unterstützt.Ein Animationsformat wählenFür kurze Schleifen eignen sich GIF oder animiertes WebP/AVIF. Bei längerer Laufzeit, Audio oder Steuerung kommt Video infrage; teste echte Dateien in der Zielumgebung.

Quellen und Spezifikationen