PNG vs JPG, was soll man nehmen? Die kurze Antwort: Verwenden Sie JPG für Fotos und realistische Bilder, wenn die Dateigröße wichtig ist, und PNG für Logos, Screenshots, Strichzeichnungen, Texte und alles, was einen transparenten Hintergrund oder perfekt scharfe Kanten benötigt. JPG verwendet verlustbehaftete Komprimierung, die Details verwirft, um die Datei zu verkleinern. PNG ist verlustfrei, sodass jedes Pixel exakt erhalten bleibt. Dieser einzige Unterschied entscheidet über fast jede praktische Wahl, die Sie treffen werden.
Die meisten Erklärungen bleiben bei "JPG ist für Fotos, PNG ist für Grafiken" stehen und lassen Sie bei den Randfällen im Stich. Dieser Leitfaden bietet Ihnen eine Entscheidungstabelle für Anwendungsfälle, erklärt, warum wiederholtes erneutes Speichern einer JPG-Datei sie langsam zerstört, und sagt Ihnen, wann keines der beiden Formate im Jahr 2026 die richtige Antwort ist (Hinweis: WebP). Am Ende werden Sie nicht mehr fragen müssen.
PNG vs JPG: Die Einzeiler-Regel und das Warum#
Hier ist die Regel, die 90% der Entscheidungen abdeckt:
Wenn das Bild scharfe Kanten, einfarbige Flächen, Text oder Transparenz hat, wähle PNG. Wenn es ein Foto oder ein Bild mit weichen Farbverläufen ist und die Dateigröße eine Rolle spielt, wähle JPG.
Alles andere sind Details unterhalb dieser Regel. Sowohl PNG als auch JPG sind Rasterformate, das heißt, sie speichern das Bild als Raster von farbigen Pixeln. Keines von beiden skaliert sauber wie ein Vektorformat (z.B. SVG). Der eigentliche Unterschied liegt darin, wie sie dieses Pixelraster komprimieren und ob sie Transparenz unterstützen.
JPG (auch als JPEG geschrieben) wurde Anfang der 1990er Jahre speziell für Fotos entwickelt. Es nutzt die Tatsache, dass das menschliche Auge winzige Farb- und Helligkeitsänderungen nicht wahrnimmt, und verwirft daher Daten, die das Auge wahrscheinlich nicht vermisst. PNG kam einige Jahre später als patentfreier Ersatz für GIF auf den Markt, entwickelt, um Grafiken pixelgenau zu erhalten und einen Alpha- (Transparenz-) Kanal zu unterstützen.
Lossy vs Lossless: Der grundlegende Unterschied#
Dieses Konzept erklärt jeden anderen Kompromiss, daher lohnt es sich, es richtig zu verstehen.
Was verlustbehaftete Komprimierung (JPG) tatsächlich bewirkt#
JPG verwendet verlustbehaftete Komprimierung. Wenn Sie ein JPG speichern, zerlegt der Encoder das Bild in 8x8 Pixel große Blöcke und nähert jeden Block mit einer mathematischen Formel an, wobei die hochfrequenten Details verworfen werden, die Ihr Auge am wenigsten wahrnimmt. Sie wählen eine Qualitätsstufe (oft 0 bis 100). Niedrigere Qualität bedeutet kleinere Dateien und aggressiveren Datenverlust.
Das Ergebnis ist eine drastisch kleinere Datei. Ein 12-Megapixel-Foto, das unkomprimiert 30 MB groß wäre, kann bei hoher Qualität ein 2 bis 4 MB großes JPG sein, ohne dass Sie bei normaler Betrachtungsgröße einen Unterschied sehen. Diese Effizienz ist der Grund, warum jede Kamera und jedes Smartphone standardmäßig JPG aufnimmt.
Die Kosten zeigen sich bei falschem Inhalt. Wenn Sie die Qualität zu niedrig einstellen, treten sichtbare Artefakte auf: blockige Quadrate, unscharfe Halos um Text und „Moskitogeräusche“ entlang scharfer Kanten. JPG verarbeitet sanfte Farbverläufe wunderbar und harte Kanten schlecht.
Was verlustfreie Komprimierung (PNG) tatsächlich bewirkt#
PNG verwendet verlustfreie Komprimierung. Es verkleinert die Datei, indem es Muster und Wiederholungen findet (eine Methode namens DEFLATE), verwirft aber nie ein einziges Pixel. Dekomprimieren Sie ein PNG und Sie erhalten das exakte Original zurück, Bit für Bit.
Diese Genauigkeit ist perfekt für Grafiken mit großen, einfarbigen Flächen, wie ein Logo, ein Symbol, ein Diagramm oder ein UI-Screenshot. PNG komprimiert diese extrem gut, gerade weil sie so repetitiv sind. Derselbe verlustfreie Ansatz ist bei einem Foto verschwenderisch, da fast jedes Pixel geringfügig anders ist; daher ist das PNG eines Fotos oft um ein Vielfaches größer als das JPG.
| Eigenschaft | JPG / JPEG | PNG |
|---|---|---|
| Komprimierung | Verlustbehaftet (verwirft Details) | Verlustfrei (behält jedes Pixel) |
| Transparenz | Nein | Ja (voller Alphakanal) |
| Am besten geeignet für | Fotos, Farbverläufe | Logos, Text, Screenshots, Strichzeichnungen |
| Dateigröße bei Fotos | Klein | Groß |
| Dateigröße bei flachen Grafiken | Klein, aber mit Artefakten | Klein und sauber |
| Mehrmaliges erneutes Speichern | Verschlechtert die Qualität jedes Mal | Keine Verschlechterung |
| Unterstützte Farben | ~16,7 Millionen | ~16,7 Millionen (plus Transparenz) |
Transparenz: Das entscheidende Kriterium PNG gewinnt eindeutig#
Wenn ein Teil des Bildes durchsichtig sein muss, ist die Entscheidung klar. JPG unterstützt überhaupt keine Transparenz. Jedes JPG hat einen festen rechteckigen Hintergrund, selbst wenn Sie versuchen, ihn zu entfernen. PNG unterstützt einen vollständigen Alphakanal, sodass jedes Pixel vollständig deckend, vollständig transparent oder alles dazwischen sein kann.
Deshalb sind Logos fast immer PNG. Ein Firmenlogo muss mal auf einem farbigen Header und mal auf einer weißen Seite sitzen, ohne einen hässlichen Kasten darum. Speichern Sie dieses Logo als JPG, wird der Hintergrund, der dahinter lag, fest eingebrannt.
Häufige Fälle, in denen Transparenz PNG erzwingt:
- Ein Logo oder Wasserzeichen, das über anderen Inhalten liegt
- Ein Icon oder UI-Element mit abgerundeten Ecken
- Ein Produktausschnitt, der auf verschiedenen Hintergründen platziert wird
- Ein Signatur- oder Stempelbild
- Jedes stickerartige Grafik mit nicht-rechteckiger Form
Wenn ein Logo in einem JPG mit weißem Kasten steckt, können Sie die Transparenz nicht wiederherstellen, Sie müssen es neu erstellen. Um in die andere Richtung ein sauberes skalierbares Logo in ein transparentes PNG zu rastern, erledigt ein SVG-zu-PNG-Konverter dies, ohne dass der Hintergrund jemals erscheint.
Dateigröße: Warum „es kommt darauf an“ die ehrliche Antwort ist#
Viele erwarten, dass ein Format immer kleiner ist. Es hängt ganz vom Inhalt ab.
- Bei einem Foto liegt JPG mit großem Abstand vorn, oft 5 bis 10 Mal kleiner als das entsprechende PNG ohne sichtbaren Qualitätsverlust.
- Bei einer Grafik mit flächigen Farben (Logo, Icon, Screenshot eines Dokuments) ist PNG meist kleiner und sieht perfekt aus, während ein JPG in gleicher Größe unscharfe Artefakte um den Text zeigt.
Die Erkenntnis ist, das Format an den Inhalt anzupassen, statt ein Lieblingsformat zu wählen. Ein Screenshot einer Tabelle sollte PNG sein. Ein Screenshot einer fotoreichen Webseite könnte als JPG kleiner sein. Wenn Sie unsicher sind oder die Datei einfach zu groß für eine Seite ist, können Sie mit einem kostenlosen Bildkompressor beide Ausgaben vergleichen und die Größe vor dem Hochladen reduzieren, was die Ladegeschwindigkeit der Seite direkt verbessert.
Tipp: Große Bilder sind die häufigste Ursache für langsame Seiten. Egal welches Format Sie wählen, komprimieren Sie es vor der Veröffentlichung. Ein 4 MB großes Hero-Bild ist fast immer ein 200 bis 400 KB großes Bild, das bei Bildschirmauflösung niemand unterscheiden kann.
Generation Loss: Die JPG-Falle, vor der niemand warnt#
Hier ist das subtile Problem, das die meisten Formatleitfäden komplett auslassen. Da JPG verlustbehaftet ist, komprimiert der Encoder jedes Mal, wenn Sie ein JPG öffnen, bearbeiten und erneut als JPG speichern, das bereits komprimierte Bild ein zweites Mal. Details, die beim ersten Speichern verloren gingen, sind weg, und der neue Speichervorgang verliert noch ein bisschen mehr obendrauf.
Dies nennt man Generation Loss, und es potenziert sich. Bearbeiten und speichern Sie dasselbe JPG ein Dutzend Mal, und Sie werden die Artefakte sich anhäufen sehen: Verschmieren, Farbverläufe und ausgefranste Kanten. Es ist das Bildäquivalent zum Kopieren einer Kopie.
PNG hat keinen Generation Loss. Sie können es tausendmal öffnen, bearbeiten und speichern, und die Pixel verschlechtern sich nie, da die Komprimierung verlustfrei ist.
Praktische Regeln, um die Falle zu vermeiden:
- Halten Sie Ihre Master-Datei in einem verlustfreien Format (PNG, TIFF oder das native Format Ihres Editors) und exportieren Sie erst ganz am Ende für die Auslieferung als JPG.
- Verwenden Sie niemals ein JPG als Arbeitskopie, wenn Sie es weiterbearbeiten möchten.
- Wenn Sie ein JPG erneut bearbeiten müssen, führen Sie alle Änderungen in einer Sitzung durch und speichern Sie einmal, anstatt nach jeder kleinen Änderung zu speichern.
Ein Meme, das über hundert Handys weitergeschickt wurde, ist die extreme Version davon. Jedes erneute Teilen komprimiert es erneut, bis das Original kaum noch erkennbar ist.
Die moderne dritte Option: WebP (und warum sie wichtig ist)#
Im Jahr 2026 steckt in der Frage „PNG vs JPG“ eine versteckte Frage: Sollten Sie überhaupt eine der beiden Formate im Web verwenden? Für Websites ist WebP oft beiden überlegen. Es unterstützt verlustbehaftete Komprimierung (wie JPG) und verlustfreie Komprimierung mit Transparenz (wie PNG) in einem einzigen Format und erzeugt Dateien, die bei vergleichbarer Qualität etwa 25 bis 35 % kleiner sind als JPG und PNG.
Jeder moderne Browser unterstützt WebP, daher ist es für Web-Bilder häufig die klügste Wahl. Der Haken ist die Kompatibilität außerhalb des Browsers: Einige ältere Desktop-Apps, E-Mail-Clients und Druck-Workflows erwarten weiterhin ein einfaches JPG oder PNG. Für ein Logo, das an einen Kunden gemailt wird, oder ein Foto, das in ein Legacy-System hochgeladen wird, bleiben Sie beim klassischen Format.
Die kurze Hierarchie für das Web:
- Foto auf einer Website -> WebP zuerst, JPG als Fallback.
- Logo oder Grafik auf einer Website -> WebP oder PNG.
- Alles, was gemailt, gedruckt oder an ein Nicht-Web-Tool gesendet wird -> JPG (Fotos) oder PNG (Grafiken).
Für die vollständige Aufschlüsselung, wann welches moderne Format gewinnt, lesen Sie unseren Vergleich von WebP vs AVIF vs JPEG für das Web.
Eine Entscheidungstabelle für den praktischen Einsatz#
Überspringen Sie die Theorie und ordnen Sie Ihre Situation einer Zeile zu.
| Ihr Bild ist... | Verwenden Sie dies | Warum |
|---|---|---|
| Ein Foto für eine Website | WebP, dann JPG | Kleinste Datei, kein sichtbarer Qualitätsverlust |
| Ein Foto zum E-Mail-Versand oder Ausdrucken | JPG | Universelle Unterstützung, klein genug |
| Ein Firmenlogo | PNG (oder SVG-Quelle) | Benötigt Transparenz und scharfe Kanten |
| Ein Screenshot einer App oder eines Dokuments | PNG | Text und UI-Linien bleiben scharf |
| Ein Screenshot einer fotoreichen Seite | JPG oder WebP | Hauptsächlich fotografischer Inhalt |
| Ein Icon oder eine einfache Illustration | PNG | Flache Farben komprimieren sauber |
| Ein Diagramm oder eine Infografik mit Text | PNG | Verlustfrei hält Beschriftungen lesbar |
| Eine Signatur oder ein Wasserzeichen-Overlay | PNG | Transparenz erforderlich |
| Ein Meme mit Text | PNG | Vermeidet Artefakte an Textkanten |
| Ein gescanntes Dokument (farbig) | JPG | Fotografischer Scan, Datei bleibt klein |
| Ein Strichzeichnungs-Scan (schwarz-weiß) | PNG | Scharfe Linien, keine Kompressionsunschärfe |
So konvertieren Sie zwischen PNG und JPG#
Die Konvertierung ist einfach, aber die Kenntnis der Fallstricke erspart Ihnen ein schlechtes Ergebnis.
Bei der Umwandlung von PNG in JPG wird das Bild flachgelegt. Transparenzen werden mit einer festen Hintergrundfarbe (standardmäßig Weiß) gefüllt, und die Datei wird durch verlustbehaftete Komprimierung meist deutlich kleiner. Das ist die richtige Wahl, wenn Sie ein schweres PNG-Foto haben und keine Transparenz benötigen.
Bei der Umwandlung von JPG in PNG wird nicht magisch Qualität oder Transparenz hinzugefügt. Es werden lediglich die vorhandenen Pixel (einschließlich Artefakte) in einen verlustfreien Container verpackt, was die Datei ohne sichtbaren Nutzen vergrößert. Der einzige Grund dafür ist, wenn Sie die Bearbeitung ohne weitere Qualitätsverluste fortsetzen möchten.
Um ein Format zu verkleinern oder ein PNG-Foto in ein leichteres JPG zu konvertieren, nutzen Sie einen browserbasierten Bildkompressor, der die Arbeit lokal erledigt, ohne Ihre Originale hochzuladen. Und falls Sie ein Bild als Data-URI benötigen, um es direkt in HTML oder CSS einzubetten, wandelt ein Bild-zu-Base64-Konverter jedes Format in einen Inline-String um.
Häufig gestellte Fragen#
Ist PNG oder JPG von besserer Qualität? PNG ist technisch gesehen von höherer Qualität, da es verlustfrei ist und jedes Pixel bewahrt, während JPG Details verwirft, um Speicherplatz zu sparen. Aber die "bessere Qualität" hängt vom Inhalt ab. Bei einem Foto sieht ein hochwertiges JPG identisch zum PNG aus, ist aber deutlich kleiner, sodass der PNG-Vorteil verpufft. Bei Text, Logos und scharfen Kanten ist die verlustfreie Qualität von PNG deutlich sichtbar und lohnt sich.
Warum sind meine PNG-Dateien so viel größer als JPG? PNG verwirft niemals Daten, daher kann es bei einem Foto (bei dem fast jedes Pixel leicht unterschiedlich ist) nicht annähernd so gut komprimieren wie das verlustbehaftete JPG-Verfahren. Das ist normal und zu erwarten. Wenn ein PNG-Foto für eine Website zu groß ist, konvertieren Sie es in JPG oder WebP oder lassen Sie es zuerst durch einen Bildkompressor laufen.
Verbessert die Konvertierung von JPG zu PNG die Bildqualität? Nein. Das JPG hat bereits Details verloren, als es zum ersten Mal gespeichert wurde, und das Verpacken derselben Pixel in ein PNG kann das Verlorene nicht wiederherstellen. Sie erhalten nur eine größere Datei. Die Konvertierung von JPG zu PNG ist nützlich für die Bearbeitung ohne weitere Qualitätsverluste, nicht zur Wiederherstellung verlorener Qualität.
Welches Format sollte ich für ein Logo verwenden? Verwenden Sie PNG für ein Raster-Logo, da es Transparenz unterstützt und die Kanten auf jedem Hintergrund perfekt scharf hält. JPG würde einen festen Hintergrundkasten einbrennen und die Kanten unscharf machen. Idealerweise behalten Sie das Logo als SVG-Vektorquelle und exportieren PNG-Kopien in den benötigten Größen.
Ist WebP besser als PNG und JPG? Für die Webnutzung ja, meistens. WebP unterstützt sowohl verlustbehaftete als auch verlustfreie Komprimierung plus Transparenz und erzeugt Dateien, die bei ähnlicher Qualität etwa 25 bis 35 % kleiner sind. Die Ausnahme ist alles, was außerhalb eines Browsers verwendet wird (E-Mail, Druck, ältere Apps), wo JPG und PNG immer noch breitere Kompatibilität haben.
Sollte ich PNG oder JPG für Screenshots verwenden? Verwenden Sie PNG für Screenshots von Apps, Dokumenten, Code oder allem mit Text und scharfen UI-Linien, da JPG diese Kanten mit Artefakten verschmiert. Nur wenn der aufgenommene Inhalt hauptsächlich fotografisch ist, macht JPG für einen Screenshot Sinn, da die Datei dann als JPG oder WebP kleiner ist.
Die Wahl zwischen PNG und JPG hängt von zwei Fragen ab: Ist es ein Foto oder eine Grafik, und benötigt es Transparenz? Fotos ohne Transparenz werden zu JPG (oder WebP im Web). Grafiken, Text, Screenshots und alles Durchsichtige wird zu PNG. Bewahren Sie Ihr Master in einem verlustfreien Format, exportieren Sie nur am Ende zu JPG und komprimieren Sie vor der Veröffentlichung.
