Schnellvergleich
| Merkmal | JPG (JPEG) | PNG |
|---|---|---|
| Komprimierung | Verlustbehaftet | Verlustfrei |
| Fotodateigröße (1080p) | 200–800 KB | 2–8 MB |
| Transparenz | Nicht unterstützt | Vollständiger Alphakanal |
| Farbtiefe | 8-Bit (24-Bit-Farbe) | 8 oder 16-Bit (bis 48-Bit) |
| Qualität beim erneuten Speichern | Nimmt jedes Mal ab | Kein Qualitätsverlust |
| Scharfe Kanten & Text | Artefakte sichtbar | Pixelgenau |
| Verläufe & Fotos | Hervorragend (dafür konzipiert) | Gut, aber große Dateien |
| Animation | Nein | Nein (APNG ist separat) |
| Browser-Unterstützung | 100% | 100% |
| Standard | 1992, JPEG-Komitee | 1996, W3C |
| Am besten geeignet für | Fotos, Web-Bilder | Screenshots, Logos, Grafiken |
Wie Komprimierung funktioniert: Verlustbehaftet vs. verlustfrei
JPG: Verlustbehaftete Komprimierung
JPG verwendet die Diskrete Kosinustransformation (DCT), um 8×8-Pixelblöcke zu analysieren und visuelle Informationen zu verwerfen, die das menschliche Auge voraussichtlich nicht bemerkt. Deshalb ist JPG so effektiv bei Fotografien — natürliche Bilder enthalten enorme visuelle Redundanz, die sicher entfernt werden kann.
Der Haken: Verworfene Daten können nicht wiederhergestellt werden. Jedes Mal, wenn Sie ein JPG öffnen, bearbeiten und erneut speichern, werden weitere Daten verworfen. Nach 5–10 Wiederholungen treten sichtbare Qualitätsverluste auf — dies wird als Generationsverlust bezeichnet. Deshalb fotografieren Fotografen in RAW und exportieren erst im letzten Schritt als JPG.
PNG: Verlustfreie Komprimierung
PNG verwendet DEFLATE-Komprimierung (denselben Algorithmus wie ZIP-Dateien), um die Dateigröße zu reduzieren, ohne Daten zu verwerfen. Jedes Pixel im Ausgabebild ist mathematisch identisch mit dem Eingabebild. Sie können ein PNG tausend Mal öffnen, bearbeiten und erneut speichern — ohne jeglichen Qualitätsverlust.
Der Kompromiss: PNG-Dateien sind bei fotografischen Inhalten 5–10× größer als JPG, weil alle Bilddaten erhalten bleiben. Bei Grafiken mit einheitlichen Farben und scharfen Kanten (Logos, Icons, Screenshots) ist PNG tatsächlich recht effizient, da DEFLATE sich wiederholende Pixelmuster gut komprimiert.
Transparenz: PNGs stärkstes Merkmal
JPG unterstützt keinerlei Transparenz. Jedes Pixel muss eine Vollfarbe haben. Wenn Ihr Bild einen transparenten Hintergrund hat, wird es beim Speichern als JPG mit Weiß gefüllt (oder der Standardhintergrundfarbe Ihrer Software).
PNG unterstützt einen vollständigen 8-Bit-Alphakanal — jedes Pixel kann 256 Deckkraftstufen haben, von vollständig transparent bis vollständig opak. Dies ermöglicht:
- Transparente Logos, die auf jeder Hintergrundfarbe funktionieren
- Produktfotos mit freigestelltem Hintergrund für den E-Commerce
- UI-Elemente wie Icons, Buttons und Overlays
- Glatte, geglättete Kanten ohne weiße Fransen-Artefakte
Wenn Sie Transparenz benötigen, ist PNG unter den klassischen Formaten Ihre einzige Wahl. (WebP und AVIF unterstützen ebenfalls Transparenz bei kleineren Dateigrößen.)
Wann Sie JPG verwenden sollten
- Fotografien: Porträts, Landschaften, Produktfotos, Reisebilder. JPG wurde genau dafür entwickelt — hervorragende Qualität bei 80–90 % der ursprünglichen Dateigröße.
- Website-Headerbilder und Banner: große Fotografien, bei denen die Dateigröße wichtig ist. Ein 1920×1080-Headerbild kann als JPG ~300 KB und als PNG ~5 MB groß sein.
- E-Mail-Bilder: kleinere Dateien laden in E-Mail-Clients schneller und vermeiden Anhanggrößenlimits.
- Social-Media-Uploads: Plattformen komprimieren hochgeladene Bilder ohnehin erneut, daher ist JPGs verlustbehaftete Natur irrelevant — die Plattform wendet ihre eigene verlustbehaftete Komprimierung an.
- Vorschaubilder und Thumbnails: kleine Abmessungen verbergen Komprimierungsartefakte, und kleine Dateigrößen verbessern die Performance.
- Große Bildsammlungen: Fotobibliotheken, Galerie-Seiten, Bildarchive. PNG würde 5–10× mehr Speicher verbrauchen.
Wann Sie PNG verwenden sollten
- Screenshots: Text, UI-Elemente und Schnittstellendetails müssen pixelscharf sein. JPG-Komprimierung verschwimmt Text und erzeugt Artefakte um scharfe Kanten.
- Logos und Corporate Identity: Logos müssen überall identisch aussehen. JPG-Komprimierung kann Farben subtil verändern und Rauschen um scharfe Kanten einführen.
- Icons und UI-Grafiken: App-Icons, Website-Icons, Buttons, Badges — kleine Grafiken mit einheitlichen Farben und sauberen Linien.
- Bilder mit Textüberlagerung: Infografiken, Diagramme, Charts, Memes mit Text. JPG erzeugt sichtbare Artefakte um Textzeichen.
- Transparente Bilder: alles, was einen transparenten Hintergrund benötigt.
- Quelldateien zum Bearbeiten: wenn Sie das Bild mehrfach bearbeiten möchten, verwenden Sie PNG, um Generationsverluste zu vermeiden.
- QR-Codes und Barcodes: jedes Pixel zählt für die Lesbarkeit. JPG-Komprimierung kann Codes unleserlich machen.
- Pixel-Art: einzelne Pixel sind absichtlich sichtbar. JPG verwischt sie.
Dateigrößenvergleich in der Praxis
| Bildtyp | Auflösung | JPG (Qualität 85) | PNG | Verhältnis |
|---|---|---|---|---|
| Landschaftsfoto | 1920×1080 | ~400 KB | ~4,5 MB | 11× |
| Porträtfoto | 1080×1350 | ~350 KB | ~3,8 MB | 11× |
| Screenshot (Desktop) | 1920×1080 | ~250 KB | ~800 KB | 3× |
| Logo (einheitliche Farben) | 500×500 | ~30 KB | ~15 KB | 0,5× |
| Icon | 256×256 | ~12 KB | ~8 KB | 0,7× |
| Infografik | 1080×3000 | ~500 KB | ~1,2 MB | 2,4× |
| 4K-Foto | 3840×2160 | ~1,5 MB | ~18 MB | 12× |
Beachten Sie: Bei Logos und Icons mit einheitlichen Farben ist PNG tatsächlich kleiner als JPG. Das liegt daran, dass DEFLATE gleichmäßige Farbbereiche sehr effizient komprimiert, während der DCT-basierte Ansatz von JPG bei einfachen Grafiken zusätzlichen Overhead verursacht.
Zwischen JPG und PNG konvertieren
JPG zu PNG
Die Konvertierung von JPG zu PNG ist sicher, verbessert aber die Qualität nicht. Die Konvertierung erhält die aktuellen Pixeldaten exakt (PNG ist verlustfrei), aber bei der JPG-Komprimierung verlorene Details können nicht wiederhergestellt werden. Sie konvertieren aus diesen Gründen:
- Dem Bild Transparenz hinzufügen
- Weitere Qualitätsverluste durch erneutes Speichern verhindern (PNG degradiert nicht)
- Formatanforderungen erfüllen (manche Systeme erfordern PNG)
- Für weitere Bearbeitung vorbereiten (als PNG bearbeiten, finales Ergebnis als JPG exportieren)
PNG zu JPG
Die Konvertierung von PNG zu JPG reduziert die Dateigröße, verursacht aber einen gewissen Qualitätsverlust. Dies ist nützlich, wenn:
- Sie eine kleinere Datei für Web, E-Mail oder Speicherung benötigen
- Transparenz nicht erforderlich ist (JPG füllt transparente Bereiche mit Weiß)
- Das Bild ein Foto ist, bei dem JPG-Komprimierung effizient ist
Moderne Alternativen: WebP und AVIF
Sowohl JPG als auch PNG sind über 30 Jahre alt. Moderne Formate bieten bessere Kompromisse:
| Merkmal | JPG | PNG | WebP | AVIF |
|---|---|---|---|---|
| Verlustbehaftete Fotogröße | 400 KB | N/A | ~280 KB | ~100 KB |
| Transparenz | Nein | Ja | Ja | Ja |
| Browser-Unterstützung | 100% | 100% | ~97% | ~95% |
| Software-Unterstützung | Universell | Universell | Gut | Wächst |
Für neue Web-Projekte empfiehlt es sich, WebP oder AVIF mit JPG/PNG-Fallbacks bereitzustellen. Für die Offline-Nutzung, das Teilen und die Kompatibilität bleiben JPG und PNG die sicheren Standards.