Zurück zu Anleitungen

Anleitung

WEBP vs JPG vs AVIF: Web-Bild-Leitfaden

Moderne Sites mischen Legacy-JPG mit WEBP und AVIF für Geschwindigkeit. Hier ein einfacher Entscheidungsleitfaden für Entwickler und Creator.

  • FreeConvertKit Editorial
  • 5 Min. Lesezeit

Warum drei Formate existieren

JPG ist universell. WEBP bietet bessere Komprimierung und optionale Transparenz. AVIF treibt Effizienz weiter, aber Support variiert bei älteren Browsern.

JPG — der Fallback

Nutzen Sie JPG für E-Mail-Anhänge, Legacy-CMS-Uploads und überall ohne Überraschungen. Qualität 80–85 ist ein guter Kompromiss für Fotos.

Keep a JPG master

Store an original JPG or PNG, then derive WEBP/AVIF for delivery. That way you can re-export without generational quality loss.

WEBP — das Web-Arbeitspferd

WEBP verkleinert Fotos oft 25–35 % gegenüber JPG bei ähnlicher Qualität. Konvertieren Sie PNG-UI-Screenshots und Hero-Fotos, wenn Ihr Stack WEBP ausliefert.

Transparency and UI assets

PNG remains handy for crisp UI. When you need WEBP with alpha, convert from PNG rather than JPG so edges stay clean.

AVIF — maximale Effizienz

AVIF kann am kleinsten sein, aber Encode/Decode ist schwerer. Kombinieren Sie AVIF mit JPG- oder WEBP-Fallbacks in Produktions-Sites; testen Sie Zielbrowser bei Einzel-Exports.

Need to unpack WEBP?

Editors or clients who cannot open WEBP can use WEBP to PNG locally before editing.

Tipp für lokale Konvertierung

Konvertieren Sie im Browser vor dem Upload, um Qualität zu kontrollieren und Originale nicht an Drittserver zu senden.