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

Das Bildformat klingt nach einem technischen Detail, hat aber echte Auswirkungen. Bilder sind meist der schwerste Teil einer Webseite, daher kann das richtige Format eine Website spürbar schneller machen. Das falsche kann Text verwischen oder Dateien aufblähen.

Verlustbehaftet vs. verlustfrei: der entscheidende Unterschied

Verlustbehaftete Formate (JPG sowie WebP oder AVIF im verlustbehafteten Modus) verwerfen Details, die das Auge kaum bemerkt. Die Dateien werden viel kleiner, aber jedes erneute Speichern kostet etwas mehr Qualität.

Verlustfreie Formate (PNG sowie WebP im verlustfreien Modus) behalten jedes Pixel exakt bei. Die Qualität ist perfekt, aber die Dateien sind größer, besonders bei Fotos.

Die Formate im Vergleich

Format	Kompression	Transparenz	Am besten für	Achtung bei
JPG / JPEG	Verlustbehaftet	Nein	Fotos, E-Mail, Druck	Unscharfe Kanten bei Text und Grafiken
PNG	Verlustfrei	Ja	Screenshots, UI, Logos mit Transparenz	Sehr große Fotodateien
WebP	Beides	Ja	Fast alles im Web	Manche ältere Desktop-Software kann es nicht öffnen
AVIF	Beides	Ja	Die kleinsten hochwertigen Fotos im Web	Langsamere Kodierung; lückenhafte App-Unterstützung
SVG	Vektor	Ja	Logos, Icons, einfache Illustrationen	Nicht für Fotos geeignet
GIF	Verlustfrei, 256 Farben	Einfach	Einfache Animationen	Riesige Dateien; besser Video oder WebP

JPG: das universelle Fotoformat

JPG gibt es seit 1992, und es öffnet sich überall: auf jedem Handy, in jedem Browser, E-Mail-Programm, Drucker und jeder Foto-App. Es komprimiert Fotos sehr effizient, weshalb Kameras es verwenden. Seine Schwäche sind scharfe Kanten: Text, Strichzeichnungen und Screenshots bekommen unscharfe Säume („Artefakte“).

Nutzen Sie JPG, wenn Sie Fotos per E-Mail versenden, bei Diensten hochladen, die kein WebP akzeptieren, oder drucken.

PNG: perfekte Qualität und Transparenz

PNG ist verlustfrei, daher bleiben Screenshots und Grafiken mit Text gestochen scharf. Es unterstützt außerdem volle Transparenz, weshalb freigestellte Bilder und Logos meist PNG sind. Bei Fotos kann ein PNG jedoch 5- bis 10-mal größer sein als ein gleich aussehendes JPG.

Nutzen Sie PNG, wenn Sie Transparenz, exakte Pixel (Screenshots, UI-Designs) oder eine Masterkopie zum Weiterbearbeiten brauchen.

WebP: der moderne Web-Standard

WebP wurde von Google entwickelt und vereint, was JPG und PNG können: verlustbehaftete oder verlustfreie Kompression plus Transparenz und Animation. Laut Googles eigenen Studien sind verlustbehaftete WebP-Dateien typischerweise 25–34 % kleiner als vergleichbare JPGs, verlustfreie WebP-Dateien etwa 26 % kleiner als PNGs. Alle modernen Browser unterstützen es.

Nutzen Sie WebP für fast jedes Bild auf einer Website. Behalten Sie eine JPG- oder PNG-Kopie, wenn Sie die Datei auch mit Nutzern älterer Software teilen müssen.

Und was ist mit AVIF?

AVIF ist neuer und komprimiert in vielen Fällen noch besser als WebP, besonders bei Fotos. Alle großen Browser unterstützen es inzwischen. Die Nachteile sind langsamere Kodierung und weniger Unterstützung in Desktop-Apps. Es ist eine sehr gute Wahl, wenn Ihre Website-Plattform es automatisch erzeugt.

SVG: unendlich scharfe Grafiken

SVG besteht nicht aus Pixeln. Es speichert Formen als mathematische Pfade, sodass ein Logo als Favicon ebenso scharf bleibt wie auf einer Plakatwand, und die Datei ist oft winzig. SVG ist die richtige Wahl für Logos, Icons und flache Illustrationen, aber nicht für Fotos.

So konvertieren Sie Bilder kostenlos

1. Öffnen Sie den kostenlosen Bildkonverter.
2. Legen Sie ein oder mehrere Bilder ab: PNG, JPG, WebP, GIF, BMP, AVIF oder SVG.
3. Wählen Sie das Ausgabeformat: WebP, PNG, JPG oder SVG.
4. Stellen Sie die Qualität ein (75–85 ist ein guter Standardwert) und optional eine maximale Breite.
5. Konvertieren Sie und laden Sie jede Datei einzeln oder alle als ZIP herunter.

Die Konvertierung läuft in Ihrem Browser, Ihre Bilder werden also nie hochgeladen.

Tipps für kleinere, schnellere Bilder

• Zuerst verkleinern. Ein 4000-Pixel-Foto, das mit 800 Pixeln angezeigt wird, verschwendet den Großteil seines Gewichts. Verkleinern spart mehr als jeder Formatwechsel.
• Qualität 75–85 verwenden für WebP und JPG. Über 90 wachsen die Dateien schnell bei kaum sichtbarem Gewinn.
• Ein verlustfreies Original behalten. Bearbeiten Sie das PNG oder Original und exportieren Sie die verlustbehaftete Version zuletzt.
• Transparenz bewusst füllen. JPG kann nicht transparent sein, wählen Sie also beim Konvertieren die Hintergrundfarbe.
• Logos in SVG vektorisieren. Die Vektorisierung klappt am besten bei Bildern mit wenigen flächigen Farben.

Häufige Fragen

Ist WebP besser als PNG?

Für Websites meist ja: WebP unterstützt Transparenz wie PNG, erzeugt aber kleinere Dateien. PNG ist weiterhin besser, wenn Sie maximale Kompatibilität oder ein verlustfreies Original zum Bearbeiten brauchen.

Verbessert die Umwandlung von JPG in PNG die Qualität?

Nein. Eine Umwandlung kann keine Details zurückholen, die die JPG-Kompression bereits entfernt hat. Sie macht die Datei nur größer.

Warum kann ich eine WebP-Datei nicht öffnen?

Manche älteren Desktop-Apps unterstützen kein WebP. Konvertieren Sie die Datei in JPG oder PNG, dann lässt sie sich überall öffnen.

Welches Format ist am besten für SEO?

Suchmaschinen bevorzugen kein bestimmtes Format, belohnen aber schnelle Seiten. Kleine, gut komprimierte WebP- oder AVIF-Bilder helfen Ihrer Seite, schnell zu laden, was die Nutzererfahrung verbessert.

Fazit

Verwenden Sie WebP fürs Web, JPG zum Teilen von Fotos, PNG für Screenshots und Transparenz und SVG für Logos. Verkleinern Sie Bilder auf die tatsächlich angezeigte Größe und halten Sie die Qualität bei etwa 80.