WebP vs PNG vs JPG: Welches Bildformat solltest du nutzen?
Klare Übersicht zu WebP, PNG und JPG – wann welches sinnvoll ist, was die Kompromisse sind und wie du kostenlos zwischen ihnen wechselst.
JPG, PNG und WebP sind die drei gängigsten Bildformate im Web – austauschbar sind sie aber nicht. Die falsche Wahl bedeutet aufgeblähte Dateien, fehlende Transparenz oder Qualitätsverlust, wo es weh tut. Hier kommt der Überblick, wann welches Format passt.
Schnellvergleich
| JPG | PNG | WebP | |
|---|---|---|---|
| Kompression | verlustbehaftet | verlustfrei | beides |
| Transparenz | nein | ja | ja |
| Geeignet für | Fotos | Screenshots, Logos | Web-Bilder |
| Browser-Unterstützung | universell | universell | moderne Browser |
JPG: ideal für Fotos
JPG (auch JPEG) arbeitet verlustbehaftet – ein Teil der Bilddaten wird verworfen, um die Datei kleiner zu machen. Bei Fotos mit vielen Farbnuancen fällt dieser Verlust kaum auf, der Größenvorteil ist dafür beträchtlich.
Setze JPG ein für:
- digitale Fotos und Produktbilder
- Bilder, bei denen die Dateigröße wichtiger ist als pixelgenaue Treue
- E-Mail-Anhänge und Social-Media-Uploads
Vermeide JPG bei:
- Screenshots, Diagrammen oder Bildern mit scharfem Text (an Kanten werden Kompressionsartefakte sichtbar)
- Logos und Icons
- Bildern, die einen transparenten Hintergrund brauchen
PNG: top für Grafiken und Transparenz
PNG ist verlustfrei – nichts wird verworfen. Du bekommst exakt das zurück, was du speicherst, ideal für Bilder, in denen Schärfe zählt. Außerdem unterstützt PNG vollständige Alpha-Transparenz.
Setze PNG ein für:
- Logos, Icons und UI-Screenshots
- Bilder mit Text oder feinen Linien
- alles, was einen transparenten Hintergrund braucht
Vermeide PNG bei:
- Große Fotos: Vergleiche JPEG-, PNG- und WebP-Ausgaben ohne feste Größenverhältnisse anzunehmen.
WebP: der moderne Standard fürs Web
WebP unterstützt verlustbehaftete und verlustfreie Codierung, Transparenz und Animation. Je nach Inhalt kann es kleiner sein; der Formatname garantiert keine Ersparnis. Vergleiche Abmessungen und Einstellungen. Unsere Tools exportieren statisches, verlustbehaftetes WebP.
Setze WebP ein für:
- Web-Bilder, bei denen die Ladezeit zählt
- Bilder, die über ein CDN ausgeliefert werden
- moderne Sites, die aktuelle Browser bedienen
Vermeide WebP bei:
- Dateien, die in älteren Programmen ohne WebP-Unterstützung geöffnet werden müssen
- Versand außerhalb von Web-Kontexten, wenn die Kompatibilität unklar ist
Zwischen den Formaten umwandeln
Alle Konvertierungen laufen direkt im Browser – ohne Datei-Upload:
- JPG zu WebP – Dateigröße fürs Web reduzieren
- PNG zu WebP – modernes Format mit Transparenz
- WebP zu JPG – zurück zum universell kompatiblen Format
- WebP zu PNG – Transparenz beim Verlassen von WebP erhalten
Quellen und Pflege
Quellen geprüft am 2026-10-30. Formatfunktionen und Programmunterstützung sind von unserer Ausgabe zu unterscheiden; prüfe aktuelle Tooloptionen und Grenzen.