JPG vs. PNG vs. WebP vs. AVIF: Welches Bildformat sollten Sie nutzen?

Jedes Bildformat ist ein anderer Kompromiss aus Dateigröße, Qualität, Kompatibilität und Funktionen wie Transparenz. Wählen Sie gut, sind Ihre Dateien klein und öffnen sich überall; wählen Sie schlecht, bekommen Sie 30-MB-Scans oder Logos mit ausgefransten weißen Kanten. Hier steht, wofür jedes Format wirklich da ist.

Datenschutz zuerst: Jedes Bild wird lokal in Ihrem Browser verarbeitet. Nichts wird auf einen Server hochgeladen, gespeichert oder übertragen.

JPG — das universelle Fotoformat

JPG (1992) komprimiert Fotografien, indem es Details verwirft, die das Auge kaum wahrnimmt — regelbar über eine Qualitätseinstellung. Bei Qualität 75–85 sind die Dateien klein und sehen ausgezeichnet aus; jedes Gerät und Programm der Welt öffnet sie. Die Grenzen: keine Transparenz, und jedes erneute Speichern verliert etwas mehr Detail. Nutzen Sie es für Fotos, die absolut überall funktionieren müssen.

PNG — verlustfrei, mit Transparenz

PNG speichert Pixel exakt und unterstützt volle Alpha-Transparenz — der Standard für Logos, Screenshots, UI-Grafiken und jedes Bild, das wiederholt bearbeitet wird. Der Preis ist die Größe: Fotografien als PNG blähen sich auf ein Vielfaches ihrer JPG-Größe auf, weil fotografisches Rauschen sich nicht verlustfrei komprimieren lässt. Nutzen Sie PNG für Grafiken und Arbeitskopien, nicht zum Ausliefern von Fotos.

WebP — der moderne Web-Standard

WebP kann beides: verlustbehaftete Kompression rund 25–35 % kleiner als ein JPG gleicher Qualität, und verlustfrei mit Transparenz deutlich kleiner als PNG. Jeder Browser unterstützt es seit 2020. Seine einzige Schwäche liegt außerhalb des Webs — ältere Desktop-Software, Drucker und manche Upload-Formulare lehnen es noch ab. Nutzen Sie WebP für alles, was auf einer Website angezeigt wird.

AVIF — kleinste Dateien, neuestes Format

AVIF, aufgebaut auf dem AV1-Videocodec, erzeugt die kleinsten Dateien aller verbreiteten Formate — oft halb so groß wie JPG bei gleicher Qualität — und unterstützt Transparenz und HDR. Die Browser-Unterstützung ist inzwischen universell, aber Werkzeuge und Nicht-Web-Software hinken hinterher. Nutzen Sie es, wo Bytes am meisten zählen und Sie die Auslieferung kontrollieren — mit einem Fallback für ältere Umgebungen.

GIF, SVG und HEIC — die Spezialisten

GIF überlebt nur für einfache Animationen; für Standbilder ist es obsolet (256 Farben, riesige Dateien). SVG sind gar keine Pixel, sondern Vektorgeometrie — perfekt für Icons und Logos, die skalieren müssen, sinnlos für Fotos. HEIC ist Apples effizientes Kameraformat: großartig auf dem Gerät, sperrig überall sonst, und wird meist in JPG umgewandelt, sobald eine Datei das Apple-Ökosystem verlässt.

Die Entscheidung, komprimiert

Foto zum allgemeinen Teilen → JPG. Alles auf einer Website → WebP (oder AVIF, wenn Sie Fallbacks stemmen können). Logo, Screenshot oder Transparenz → PNG (WebP, wenn nur fürs Web). Muss beliebig skalieren → SVG. Kommt vom iPhone und geht woandershin → HEIC in JPG umwandeln. Im Zweifel sind JPG für Fotos und PNG für Grafiken nie ein Desaster.