PNG vs JPG vs WebP vs AVIF — Welches Bildformat 2026 nutzen
Vier Formate decken heute 95% der Bildverwendung online ab. Wählen Sie falsch, verdoppeln Sie die Dateigröße, verlieren Transparenz oder laden etwas hoch, das die Zielplattform ablehnt. Diese Anleitung schneidet direkt zu den Entscheidungspunkten mit echten Daten — keine Philosophie, nur „wann nutze ich was“.
Wir verweisen auf paste-to-download.com/compress für die Konvertierung — browser-basiert, ohne Upload, unterstützt alle vier Formate.
Die vier Formate auf einen Blick
| Format | Komprimierung | Transparenz | Animation | HDR | Jahr Mainstream |
|---|---|---|---|---|---|
| JPG | Verlustbehaftet | Nein | Nein | Nein | 1992 |
| PNG | Verlustfrei | Ja (Alpha) | Nein (APNG ja, aber selten) | Nein | 1996 |
| WebP | Beides | Ja | Ja | Nein | 2010 (Google) |
| AVIF | Beides | Ja | Ja | Ja (10/12-bit) | 2019 (AOM) |
JPG und PNG wurden entworfen, als 1-MB-Bilder selten waren. WebP und AVIF sind modern, mit den Zielen des Web im Kopf entwickelt: aggressive Komprimierung ohne sichtbaren Qualitätsverlust.
Dateigröße — echte Zahlen
Ein 1600 × 1000 Pixel Produktfoto (Kamera, neutraler Hintergrund, normaler Kontrast):
| Format | Dateigröße | Vs PNG |
|---|---|---|
| PNG (verlustfrei) | 2.140 KB | 100% |
| JPG (Qualität 90) | 612 KB | 29% |
| JPG (Qualität 80) | 318 KB | 15% |
| WebP (Qualität 90) | 410 KB | 19% |
| WebP (Qualität 80) | 184 KB | 9% |
| AVIF (Qualität 80) | 132 KB | 6% |
Bei Qualität 80 schlägt AVIF JPG um das 2,4-fache in der Dateigröße bei ununterscheidbarer Qualität. WebP schlägt JPG um das 1,7-fache. PNG bleibt für Situationen reserviert, in denen verlustfrei erforderlich ist.
Für Screenshots mit Text (weniger Detail, mehr Flächen):
| Format | Dateigröße | Vs PNG |
|---|---|---|
| PNG (verlustfrei) | 720 KB | 100% |
| Palette-PNG (256 Farben) | 168 KB | 23% |
| JPG (Qualität 90) | 380 KB | 53% |
| WebP (verlustfrei) | 312 KB | 43% |
| WebP (Qualität 95) | 84 KB | 12% |
| AVIF (Qualität 95) | 62 KB | 9% |
Für Screenshots zermalmen WebP und AVIF beide JPG. PNG gewinnt nur, wenn die Datei verlustfrei durch Editoren durchgereicht werden soll.
Browser- und Plattform-Support 2026
| Format | Chrome | Safari | Firefox | E-Mail-Clients | CMS-Upload | Social |
|---|---|---|---|---|---|---|
| JPG | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| PNG | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| WebP | ✅ | ✅ (seit 14) | ✅ | ⚠️ (Outlook 2013- scheitert) | ✅ (die meisten modernen) | ✅ (die meisten) |
| AVIF | ✅ | ✅ (seit 16) | ✅ | ❌ | ⚠️ (manche ja, manche nein) | ⚠️ (X ja, IG nein) |
Die praktische Erkenntnis: WebP ist 2026 universell sicher fürs Web. AVIF ist sicher fürs Web, aber riskant für E-Mail und manche CMS. JPG und PNG bleiben die Fallback-Lösungen für den kleinsten gemeinsamen Nenner.
Qualitätsvergleich bei gleicher Dateigröße
Wenn Sie die Dateigröße auf 100 KB beschränken:
- JPG: sichtbare Block-Artefakte bei Text, leichtes Banding bei Verläufen
- WebP: glatte Verläufe, schärfere Textkanten, gelegentliche Weichheit bei Feindetails
- AVIF: beste Erhaltung in allen Bereichen, besonders bei Farb- und Verlaufsübergängen
Der Abstand ist bei farbreichen Bildern (Sonnenuntergänge, Verläufe, Produktfotos) am größten. Bei Graustufen oder kontrastarmen Bildern sehen alle drei Formate bei 100 KB ähnlich aus.
Entscheidungsbaum — Format in 10 Sekunden wählen
Für Fotos
- Web (breites Publikum) → WebP Qualität 80
- Web (Bleeding Edge, nur moderne Browser) → AVIF Qualität 75
- E-Mail oder Fallback → JPG Qualität 85
- Druck oder Archiv → JPG Qualität 95 oder PNG
Für Screenshots mit Text
- Web → WebP Qualität 90
- E-Mail oder Fallback → PNG (oder JPG Qualität 95)
- Speicher / Archiv → PNG
Für Logos und Grafiken mit Flächenfarben
- Transparenz nötig → PNG (oder WebP für kleinere Dateien)
- Keine Transparenz, wenige Farben → Palette-PNG
- Wird mit Fotos im Web kombiniert → WebP mit Alpha
Für Animationen
- Modernes Web → WebP oder AVIF (animiert)
- E-Mail / Fallback → GIF (immer noch das einzige universelle Animationsformat)
Sonderfälle, die man kennen sollte
JPG und Farbprofile. JPG mit eingebetteten Farbprofilen (Adobe RGB, ProPhoto) kann auf Plattformen, die das Profil nicht respektieren, völlig andere Farben rendern. Wenn Ihr Bild in Social Media erscheint, vorher zu sRGB konvertieren.
WebP-Animation vs GIF. Animiertes WebP ist typisch 30% kleiner als GIF bei gleicher Qualität, aber der Support ist enger. Für ein Meme, das überall rendern soll, gewinnt immer noch GIF.
AVIF auf iOS. Safari unterstützt AVIF nativ seit iOS 16. Wenn Ihre Zielgruppe Enterprise ist (ältere iPads auf iOS 15), vorher testen.
Verlustfreies WebP vs PNG. Verlustfreies WebP gewinnt meist um 20–30% Dateigröße. Wenn Ihre Tool-Kette das unterstützt, verlustfreies WebP für Screenshots und Grafiken nutzen.
Wie konvertieren
Öffnen Sie paste-to-download.com/compress. Bilder reinwerfen. Der Format-Selektor oben lässt Sie Zielformat und Qualität wählen. Das Tool läuft im Browser-Tab — Ihre Bilder verlassen das Gerät nicht.
Für Batch-Konvertierung eines Ordners voller PNG-Screenshots zu WebP einfach den Ordner reinziehen, WebP-80 wählen, „Alle als ZIP herunterladen“. In Sekunden erledigt.
Die Zwei-Zeilen-Antwort
Für die meisten Web-Anwendungsfälle 2026: WebP bei Qualität 80. Schlägt JPG um ~50% in der Dateigröße bei ununterscheidbarer Qualität, unterstützt Transparenz und funktioniert überall, wo Nutzer Bilder erwarten.
AVIF nutzen, wenn Sie sich Outlook und ein paar ältere CMS leisten können zu verlieren. JPG/PNG nutzen, wenn das Ziel sie verlangt. In Sekunden konvertieren auf paste-to-download.com/compress.