PNG oder JPG? Wann du welches Bildformat nutzt

Die Frage “PNG oder JPG?” taucht spätestens dann auf, wenn ein Bild zu groß für den Mailanhang ist oder der Webshop nur ein Format akzeptiert. Die Antwort hängt nicht vom Geschmack ab, sondern davon, was im Bild steckt. Ein Urlaubsfoto und ein Firmenlogo stellen das Format vor völlig unterschiedliche Aufgaben, und genau deshalb gewinnt mal das eine, mal das andere. Wer die Logik dahinter versteht, trifft die Wahl in zwei Sekunden statt durch Ausprobieren.

So komprimieren PNG und JPG technisch unterschiedlich

PNG arbeitet verlustfrei. Es nutzt eine Vorhersage-Filterung pro Bildzeile und packt die Daten anschließend mit DEFLATE, demselben Verfahren wie ZIP. Dabei geht kein einziges Pixel verloren: Was du speicherst, bekommst du beim Öffnen exakt zurück. Das macht PNG stark bei großen einfarbigen Flächen, Wiederholungen und harten Übergängen, denn solche Muster lassen sich extrem gut zusammenpacken.

JPG geht den entgegengesetzten Weg. Es zerlegt das Bild in Blöcke von 8x8 Pixeln, transformiert sie per diskreter Kosinustransformation (DCT) in Frequenzanteile und wirft dann gezielt jene feinen Details weg, die das menschliche Auge ohnehin kaum wahrnimmt. Dieser Wegwerf-Schritt ist der Grund für die kleine Dateigröße und gleichzeitig die Quelle möglicher Artefakte. Zusätzlich nutzt JPG meist Chroma-Subsampling im Modus 4:2:0, das heißt die Farbinformation wird in halber Auflösung gespeichert, weil unser Auge Helligkeit feiner auflöst als Farbe.

Foto oder Grafik: der wichtigste Unterschied

Die eine Frage, die fast immer die Wahl entscheidet, lautet: Hat das Bild weiche Farbverläufe oder harte Kanten?

Fotos bestehen aus Millionen sanft ineinander übergehender Farbtöne. Hier glänzt JPG, weil die DCT genau diese weichen Übergänge effizient beschreibt und die weggeworfenen Details im Bildrauschen verschwinden. Ein 12-Megapixel-Foto als PNG kann leicht 15 MB groß werden, als JPG bei hoher Qualität sind es oft nur 2 bis 3 MB bei praktisch identischem Aussehen.

Grafiken, Logos, Diagramme, Screenshots und alles mit Text bestehen dagegen aus klar abgegrenzten Flächen und scharfen Kanten. Genau dort produziert die JPG-Kompression sichtbares Geflimmer, sogenannte Ringing-Artefakte, an den Kontrastkanten. PNG speichert diese Flächen verlustfrei, scharf und obendrein oft kleiner, weil sich die wenigen Farben hervorragend packen lassen.

Die Grafik macht die Umkehrung sichtbar: Beim Foto ist PNG rund sechsmal größer, beim Logo ist PNG kleiner als JPG. Das Format folgt also dem Inhalt, nicht der Gewohnheit.

Transparenz: der harte Knockout für JPG

PNG unterstützt einen Alphakanal mit 256 Transparenzstufen pro Pixel. Damit lassen sich Logos sauber freistellen, weiche Schlagschatten anlegen und Bilder über beliebigen Hintergründen platzieren. JPG hat schlicht keinen Alphakanal. Speicherst du ein freigestelltes PNG als JPG, füllt der Encoder alle transparenten Bereiche mit einer Volltonfarbe, in den meisten Programmen Weiß.

Text und scharfe Kanten: warum Screenshots PNG lieben

Screenshots sind der klassische Fall, in dem viele aus Gewohnheit JPG nehmen und sich dann über matschigen Text wundern. Code-Ansichten, Tabellen, UI-Elemente und Beschriftungen bestehen aus haarscharfen Kontrastkanten. Genau diese Kanten zerlegt die DCT in hohe Frequenzen, die beim Komprimieren als Erstes leiden. Das Ergebnis ist ein leichter Schmutzschleier rund um jeden Buchstaben.

PNG hält jede Kante pixelgenau. Ein UI-Screenshot von 1920x1080 ist als PNG oft nur 200 bis 400 KB groß, weil die großen einfarbigen Flächen sich brillant komprimieren, und der Text bleibt gestochen scharf. Für Dokumentationen, Tutorials und Bug-Reports ist PNG damit fast immer die richtige Wahl.

Steht Text im Bild oder gibt es harte Kanten, nimm PNG. Sind nur weiche Farbverläufe drin, nimm JPG. Damit triffst du in über neunzig Prozent der Fälle die richtige Wahl.

Web gegen Druck: zwei unterschiedliche Prioritäten

Im Web zählt vor allem die Ladezeit. Jedes Kilobyte verzögert den Seitenaufbau und kostet bei mobilen Nutzern Datenvolumen. Deshalb dominiert JPG bei Produktfotos, Hero-Bildern und Galerien, wo die kleinere Datei direkt schnellere Ladezeiten bedeutet. Logos, Icons und alles mit Transparenz laufen als PNG, weil die Schärfe und der freigestellte Hintergrund dort wichtiger sind als ein paar Kilobyte.

Im Druck dreht sich die Priorität. Eine Druckerei verlangt verlustfreie Dateien, weil jeder Kompressionsartefakt im großen Format sichtbar wird und sich über mehrere Bearbeitungsschritte aufschaukelt. Hier liefert PNG (oder für echte Druckproduktion TIFF) die saubere Vorlage. JPG ist im professionellen Druck nur dann akzeptabel, wenn es mit maximaler Qualität direkt aus der Kamera kommt und nicht mehrfach nachgespeichert wurde.

Die Entscheidungstabelle für jeden Anwendungsfall

Anwendungsfall	Empfohlenes Format	Grund
Urlaubs- und Produktfoto fürs Web	JPG (Q85 bis Q90)	Kleine Datei, Verlust bei Fotos unsichtbar
Firmenlogo mit Transparenz	PNG	Alphakanal, scharfe Kanten, verlustfrei
Screenshot mit Text oder UI	PNG	Gestochen scharfer Text, keine Artefakte
Diagramm oder Infografik	PNG	Wenige Farben packen sich klein, scharfe Linien
Foto-Galerie mit hundert Bildern	JPG	Spart in Summe viele Megabyte Ladezeit
Bild für die Druckerei	PNG oder TIFF	Verlustfrei, keine aufschaukelnden Artefakte
E-Mail-Anhang, Foto verkleinern	JPG	Passt unter die Größenlimits der Postfächer
Illustration mit Verläufen und Text	PNG	Schützt Text, auch wenn Verläufe drin sind
Hintergrundbild Vollformat Web	JPG	Maximale Ladezeit-Ersparnis bei Fotos
Bild mit weichem Schlagschatten	PNG	Halbtransparente Pixel nur per Alphakanal

Ein konkretes Rechenbeispiel aus dem Alltag

Angenommen, du betreibst einen kleinen Onlineshop mit 80 Produktfotos, jedes 1500x1500 Pixel. Als PNG belegt jedes Foto rund 4,2 MB, in Summe also etwa 336 MB. Diese Datenmenge müsste jeder Besucher beim Durchklicken laden, was auf dem Handy schnell ärgerlich wird.

Speicherst du dieselben Fotos als JPG mit Qualität 85, schrumpft jedes auf etwa 380 KB. Die gesamte Galerie wiegt dann nur noch rund 30 MB, also gut elfmal weniger, bei einem Qualitätsunterschied, den im Browser niemand bemerkt. Das Firmenlogo im Header bleibt parallel ein PNG mit transparentem Hintergrund, weil es über farbigen Flächen liegen muss. Genau diese Mischung, JPG für die vielen Fotos, PNG für die wenigen freigestellten Grafiken, ist das übliche Muster einer schnellen, sauberen Website.

Deine schnelle Format-Wahl in drei Fragen

Bevor du dich für ein Format entscheidest, beantworte der Reihe nach drei Fragen. Erstens: Brauche ich Transparenz? Wenn ja, ist die Wahl sofort PNG, denn JPG kann es schlicht nicht. Zweitens: Steht Text im Bild oder gibt es harte Kanten? Wenn ja, nimm PNG, sonst leidet die Schärfe. Drittens: Ist es ein Foto mit weichen Verläufen, das ins Web soll? Dann ist JPG die kleinere und völlig ausreichende Wahl.

Diese drei Fragen decken den Alltag fast vollständig ab. PNG ist der Spezialist für Schärfe, Transparenz und Verlustfreiheit, JPG der Spezialist für kleine Foto-Dateien. Beide Formate funktionieren in jedem Browser, jedem Bildbetrachter und jeder App, weshalb sie nach über drei Jahrzehnten immer noch der sichere Standard sind. Wer das Format am Bildinhalt ausrichtet statt an der Gewohnheit, bekommt automatisch das beste Ergebnis aus Schärfe, Größe und Kompatibilität.

Ein häufiger Fehler in der Praxis ist die Umkehrung dieser Logik. Viele speichern aus Routine alles als JPG, weil sie gehört haben, JPG sei “kleiner”. Bei flächigen Grafiken stimmt das schlicht nicht: Ein Logo mit zwölf Farben ist als PNG oft halb so groß wie als JPG und obendrein scharf statt verwaschen. Genauso falsch ist es, jedes Bild als PNG zu speichern, weil es “die bessere Qualität” habe. Bei einem Foto verschenkst du damit das Mehrfache an Dateigröße für eine Verlustfreiheit, die am Bildschirm niemand sieht. Die Qualität eines Bildes hängt eben nicht allein am Format, sondern am Zusammenspiel von Format und Inhalt.

Wer regelmäßig mit Bildern arbeitet, etwa für einen Shop, einen Blog oder Social Media, fährt mit einem festen Muster am besten. Halte freigestellte Logos, Icons und Screenshots dauerhaft als PNG vor, denn sie ändern sich selten und müssen scharf bleiben. Behandle Fotos dagegen als JPG-Ausgabe aus einem Bearbeitungsschritt heraus, und bewahre bei wichtigen Motiven zusätzlich das Original auf. So hast du für jeden Verwendungszweck die passende Datei griffbereit, ohne bei jedem neuen Bild von vorne überlegen zu müssen. Das spart auf Dauer mehr Zeit als jede einzelne clevere Format-Entscheidung.