Vergleichen
PNG vs. WebP
PNG und WebP können Transparenz unterstützen. PNG ist ein breit unterstütztes verlustfreies Format; WebP eignet sich zur Optimierung der Webauslieferung und kann auch Animationen enthalten. Vergleichen Sie echte Dateien und Zielbrowser.
Welches Format sollten Sie wählen?
Wählen Sie PNG für breite Kompatibilität und verlustfreie Grafiken; testen Sie WebP zur Verringerung der Webdatenmenge und bieten Sie bei Bedarf einen Fallback.
Geeignet für PNG
Oberflächengrafiken · Bildschirmfotos · Transparente Bilder
- Bilder mit Transparenz
- Text und Strichgrafiken
Geeignet für WebP
Webbild-Auslieferung · Fotos · Transparente Web-Assets
- Reduzierung der Bildübertragung im Web
- Assets mit Transparenz oder Animation
Grundlegende Informationen
| Merkmal | PNG | WebP |
|---|---|---|
| Dateiendung | .png | .webp |
| MIME-Typ | image/png | image/webp |
| Häufige Verwendung | Oberflächengrafiken · Bildschirmfotos · Transparente Bilder | Webbild-Auslieferung · Fotos · Transparente Web-Assets |
| Öffnen | Die meisten Systembetrachter, Webbrowser und Bildbearbeitungen öffnen PNG-Dateien. | Öffnen Sie WebP-Dateien in einem kompatiblen Browser, Bildbetrachter oder Bildeditor. |
| Exportieren oder konvertieren | Exportieren Sie nur dann nach JPEG, wenn Transparenz und verlustfreie Qualität nicht mehr nötig sind. Bewahren Sie das PNG-Original auf. | Beim Export nach JPEG bleibt Transparenz nicht erhalten und die Ausgabe ist verlustbehaftet. Entscheiden Sie bei PNG, ob ein Standbild genügt, und behandeln Sie Animationen bei Bedarf getrennt. |
Nach Einsatzzweck wählen
Bilder mit Transparenz
Oberflächengrafiken · Bildschirmfotos · Transparente Bilder
PNGText und Strichgrafiken
Oberflächengrafiken · Bildschirmfotos · Transparente Bilder
PNGReduzierung der Bildübertragung im Web
Webbild-Auslieferung · Fotos · Transparente Web-Assets
WebPAssets mit Transparenz oder Animation
Webbild-Auslieferung · Fotos · Transparente Web-Assets
WebPWichtiger Punkt 1
PNG nutzt verlustfreie Komprimierung und wird breit unterstützt.
Unterschiede im DetailWichtiger Punkt 2
WebP unterstützt verlustbehaftete und verlustfreie Bilder sowie Animationen.
Unterschiede im DetailUnterschiede im Detail
Vergleichen Sie repräsentative Bilder bei gewünschter Qualität und prüfen Sie Transparenz, Animation und Browserunterstützung. Bewahren Sie die Quelle auf und testen Sie den Fallback auf der echten Website.
- PNG wird häufig für scharfe Grafiken und transparente Rasterbilder genutzt.
- WebP ist für Webbilder gedacht und kann Dateien verkleinern.
- Keines der Formate ist für jedes Bild kleiner oder besser.
Häufige Fragen
Sollte ich alle PNG-Dateien in WebP umwandeln?
Nein. Messen Sie echte Dateien, prüfen Sie Qualität und Kompatibilität und behalten Sie bei Bedarf ein geeignetes Ersatzformat.