Ratgeber · best practices
Wann PNG statt JPG? Die richtige Formatwahl in der Praxis
PNG ist die richtige Wahl für Screenshots, Logos, Icons, Diagramme und alles mit Transparenz oder scharfen Kanten, JPG für Fotos mit weichen Verläufen. Ein praktischer Entscheidungsleitfaden mit konkreten Anwendungsfällen für Web, Druck und Doku.
Die Frage taucht in jedem Projekt auf, sobald ein Bild gespeichert oder hochgeladen werden soll: PNG oder JPG? Beide Formate sind seit Jahrzehnten Standard, beide werden überall unterstützt, und doch treffen viele Menschen die Wahl rein nach Gewohnheit. Das Ergebnis sind dann verwaschene Screenshots, unnötig riesige Foto-Dateien oder Logos mit hässlichen Farbrändern. Dabei ist die Entscheidung im Kern simpel, wenn man das eine Unterscheidungsmerkmal verstanden hat, an dem alles hängt: die Art des Bildinhalts.
In diesem Ratgeber bekommst du keine theoretische Abhandlung, sondern einen praktischen Entscheidungsleitfaden. Du erfährst, welches Format zu welcher Art von Bild passt, gehst die wichtigsten Anwendungsfälle durch und bekommst eine Tabelle und einen Entscheidungsbaum an die Hand, mit denen du die Wahl in Sekunden triffst.
Die eine Frage, die alles entscheidet
PNG und JPG komprimieren Bilder auf grundverschiedene Weise. JPG nutzt eine verlustbehaftete Kompression, die für Fotos optimiert ist: Sie wirft Bildinformationen weg, die das menschliche Auge ohnehin kaum wahrnimmt, und erzielt damit sehr kleine Dateien. Das funktioniert hervorragend bei weichen Farbverläufen, wie sie in echten Fotos vorkommen. Bei harten Kanten und einfarbigen Flächen erzeugt dieselbe Technik jedoch sichtbare Störungen, sogenannte Artefakte.
PNG arbeitet verlustfrei. Jedes Pixel bleibt exakt erhalten, nichts wird weggeworfen. Bei Bildern mit wenigen Farben und klaren Kanten, etwa einem Logo oder einem Screenshot, ist PNG dadurch sowohl gestochen scharf als auch oft sogar kleiner als ein JPG derselben Grafik. Bei Fotos mit Millionen Farbnuancen wird die PNG-Datei dagegen sehr groß, weil sie eben nichts vereinfachen darf.
Daraus folgt die einzige Frage, die du dir stellen musst:
Ist dein Bild ein Foto mit weichen Verläufen, oder eine Grafik mit scharfen Kanten und wenigen Farben?
Foto bedeutet in fast allen Fällen JPG. Grafik bedeutet in fast allen Fällen PNG. Alles Weitere sind nur Verfeinerungen dieser Grundregel. Wer tiefer in die technischen Unterschiede einsteigen will, findet sie im direkten Vergleich beider Formate.
Wann PNG die richtige Wahl ist
PNG spielt seine Stärken überall dort aus, wo Schärfe, klare Farben oder Transparenz zählen. Die typischen Fälle:
Screenshots
Bildschirmfotos enthalten Text, Menüs, Linien und einfarbige Flächen. Genau hier produziert JPG sichtbare Artefakte: Buchstaben bekommen einen schmutzigen Rand, einfarbige Hintergründe wirken fleckig. Ein als PNG gespeicherter Screenshot bleibt dagegen pixelgenau lesbar. Für Dokumentationen, Tutorials und Bug-Reports ist PNG deshalb der klare Standard.
Logos, Icons und Symbole
Ein Firmenlogo lebt von sauberen Konturen und exakten Farben. Als JPG verliert es genau das, und durch die fehlende Transparenz bekommt es einen weißen Kasten, sobald es auf farbigem Grund liegt. PNG hält die Kanten scharf und erlaubt einen transparenten Hintergrund, sodass das Logo nahtlos auf jeder Fläche sitzt.
Diagramme, Strichzeichnungen und Grafiken mit wenigen Farben
Balkendiagramme, Flussdiagramme, technische Zeichnungen, Comics mit klaren Flächen: All das besteht aus großen einfarbigen Bereichen und harten Übergängen. Das ist das Heimatterrain von PNG, sowohl bei der Schärfe als auch häufig bei der Dateigröße.
Bilder mit Text
Sobald Schrift Teil des Bildes ist, etwa bei Infografiken oder beschrifteten Anleitungen, ist PNG Pflicht. Verlustbehaftete Kompression macht kleine Buchstaben schnell unleserlich.
Alles, was Transparenz braucht
Transparenz kann JPG technisch nicht. PNG dagegen speichert einen sogenannten Alphakanal, der jeden Bildpunkt vollständig deckend, halbtransparent oder ganz durchsichtig macht. Das ist der Grund, warum freigestellte Produktbilder, Overlays und Logos als PNG vorliegen. Wie der Alphakanal genau funktioniert, erklärt der Ratgeber zur Transparenz und zum Alphakanal.
Bilder, die noch weiterbearbeitet werden
Das ist der oft übersehene Fall. Jedes Mal, wenn du ein JPG öffnest, veränderst und erneut als JPG speicherst, wird es ein Stück schlechter, weil die verlustbehaftete Kompression bei jedem Durchgang erneut Information wegwirft. Wer ein Bild als verlustfreie Zwischenstufe behalten will, etwa weil noch Zuschnitte, Korrekturen oder Montagen folgen, speichert es als PNG. So bleibt die volle Qualität für alle weiteren Schritte erhalten.
Wann JPG die richtige Wahl ist
JPG ist das Format der Fotografie und überall dort überlegen, wo viele weiche Farbverläufe auf eine kleine Dateigröße treffen sollen.
Fotos
Landschaften, Porträts, Produktfotos mit echten Lichtstimmungen: Hier sind die Farbübergänge so fein und vielfältig, dass das menschliche Auge die Verluste der JPG-Kompression praktisch nicht bemerkt, während die Datei nur einen Bruchteil eines vergleichbaren PNG wiegt.
Komplexe Bilder mit vielen Farbverläufen
Auch gerenderte Szenen oder digitale Illustrationen mit fotorealistischen Verläufen profitieren von JPG. Je mehr unterschiedliche Farbtöne ein Bild enthält, desto klarer spielt JPG seinen Größenvorteil aus.
Wenn kleine Dateigröße im Web zählt
Auf Webseiten entscheidet jedes Kilobyte über die Ladezeit. Für großflächige Fotos ist JPG fast immer die richtige Wahl, weil leichte, kaum sichtbare Artefakte gegen den enormen Größenvorteil ein lohnender Tausch sind. Wie groß der Unterschied praktisch ausfällt, zeigt der Ratgeber zur Dateigröße im Vergleich.
Die Entscheidung auf einen Blick
Die folgende Tabelle fasst die wichtigsten Bildtypen und das jeweils passende Format zusammen.
| Bildtyp | Empfohlenes Format | Warum |
|---|---|---|
| Foto (Landschaft, Porträt) | JPG | Viele Farbverläufe, kleine Datei, Artefakte unsichtbar |
| Screenshot | PNG | Text und Kanten bleiben gestochen scharf |
| Logo, Icon | PNG | Scharfe Kanten plus Transparenz |
| Diagramm, Strichzeichnung | PNG | Wenige Farben, harte Übergänge |
| Bild mit Text | PNG | Schrift bleibt lesbar |
| Freigestelltes Produktbild | PNG | Transalpha für jeden Hintergrund |
| Komplexe Illustration mit Verläufen | JPG | Fotoähnlicher Inhalt, kleinere Datei |
| Zwischenstufe zur Weiterbearbeitung | PNG | Verlustfrei, kein Qualitätsverlust bei erneutem Speichern |
Der Entscheidungsbaum
Wenn die Tabelle deinen Fall nicht trifft, hilft diese kurze Kette von Fragen:
- Braucht das Bild einen transparenten Hintergrund? Wenn ja, dann PNG. Wenn nein, weiter.
- Ist es ein Foto oder ein fotoähnliches Bild mit vielen weichen Verläufen? Wenn ja, dann JPG. Wenn nein, weiter.
- Enthält es Text, scharfe Kanten oder nur wenige Farben, etwa als Screenshot, Logo oder Diagramm? Wenn ja, dann PNG.
- Soll es noch weiterbearbeitet und mehrfach gespeichert werden? Wenn ja, dann PNG als verlustfreie Zwischenstufe.
- Bleibt im Web nur noch die Dateigröße als offene Frage und sind leichte Artefakte akzeptabel? Dann JPG.
Konkrete Anwendungsfälle aus der Praxis
Web
Auf einer Webseite kommen beide Formate nebeneinander vor, und genau das ist richtig. Das Logo im Kopfbereich, Icons und Buttons gehören als PNG ins Projekt, weil sie scharf bleiben und oft Transparenz brauchen. Die großen Aufmacherfotos und Bildergalerien dagegen gehören als JPG eingebunden, weil dort die Ladezeit zählt. Wer beides nach diesem Muster trennt, bekommt sowohl saubere Grafik als auch schnelle Seiten.
Dokumentation und Screenshots
In Handbüchern, Wikis und Tutorials dominieren Bildschirmfotos. Hier ist PNG nahezu konkurrenzlos, weil Menüpunkte, Eingabefelder und Beschriftungen exakt lesbar bleiben müssen. Ein als JPG gespeicherter Screenshot wirkt unprofessionell und erschwert dem Leser das Nachvollziehen der Schritte.
Druck
Für den Druck zählt maximale Qualität, nicht die Dateigröße. Grafiken, Logos und alles mit scharfen Kanten gehören als PNG in die Druckvorlage, damit nichts verwaschen wirkt. Reine Fotos können auch im Druck als JPG mit hoher Qualitätsstufe verwendet werden, sollten dann aber nicht mehrfach neu komprimiert werden. Für professionelle Druckereien kommen zusätzlich Formate wie TIFF ins Spiel, im normalen Büroalltag reicht die Wahl zwischen PNG und JPG aber völlig aus.
Social Media
Hier lohnt ein Blick auf den Inhalt des Beitrags. Ein Foto-Post ist als JPG bestens aufgehoben. Eine Infografik, ein Zitatbild mit Text oder eine Grafik mit Markenfarben dagegen sollte als PNG hochgeladen werden, damit Schrift und Kanten scharf bleiben. Viele Plattformen komprimieren ohnehin nach, ein sauberes PNG als Ausgangsmaterial liefert aber das bessere Endergebnis.
E-Mail-Signaturen
Logos und Symbole in einer Signatur sind klassische PNG-Fälle. Sie sind klein, brauchen scharfe Kanten und oft Transparenz, damit sie auf hellem wie dunklem Hintergrund sauber wirken. Ein JPG-Logo mit weißem Kasten fällt in einer Signatur sofort negativ auf.
Ein häufiger Spezialfall: der Screenshot, der als JPG vorliegt
In der Praxis bekommst du Bilder oft im falschen Format geliefert. Ein typisches Beispiel: Ein Kollege schickt dir einen Screenshot als JPG, weil sein Werkzeug standardmäßig so exportiert. Du willst diesen Screenshot aber sauber weiterbearbeiten, beschriften oder freistellen, und jeder weitere Speichervorgang als JPG würde die Qualität weiter verschlechtern.
In diesem Fall holst du das Bild zunächst nach PNG, bevor du weiterarbeitest. Genau dafür ist jpgpng.de gedacht: Du ziehst die JPG-Datei in den Browser, die Umwandlung läuft direkt auf deinem Gerät über die Canvas-Technik, und du bekommst eine PNG-Datei zurück, ohne dass dein Bild jemals auf einen Server hochgeladen wird. Wichtig zu verstehen ist dabei, dass die Umwandlung die bereits in der JPG-Datei verlorenen Informationen nicht zurückbringt. Sie schafft aber eine verlustfreie Basis, auf der jede weitere Bearbeitung keine zusätzlichen Artefakte mehr hinzufügt. Warum eine solche Umwandlung sinnvoll und in welchem Sinne sie verlustfrei ist, vertieft der Ratgeber zur verlustfreien Umwandlung von JPG zu PNG.
Ein Wort zu den moderneren Alternativen WebP und AVIF
PNG und JPG sind nicht die einzigen Optionen. Mit WebP und dem noch neueren AVIF gibt es zwei modernere Formate, die jeweils sowohl verlustbehaftet als auch verlustfrei komprimieren können und dabei bei gleicher Qualität deutlich kleinere Dateien liefern als ihre Vorgänger. Beide beherrschen außerdem Transparenz, vereinen also die Stärken von JPG und PNG in einem Format.
Für moderne Webseiten sind WebP und AVIF deshalb eine ernsthafte Überlegung wert, zumal alle aktuellen Browser sie unterstützen. Außerhalb des Webs ist die Lage aber noch unübersichtlicher: Ältere Programme, Druckdienstleister, Office-Anwendungen und manche Plattformen kommen mit diesen Formaten nicht oder nur eingeschränkt zurecht. Für maximale Kompatibilität, etwa beim Versand per E-Mail oder bei der Weitergabe an Dritte, bleiben PNG und JPG deshalb auf absehbare Zeit die sichere Wahl. Die hier beschriebene Grundregel, also Foto gleich JPG und Grafik gleich PNG, gilt sinngemäß auch für die neuen Formate weiter.
Zusammengefasst
Die Formatwahl ist kein Ratespiel, sondern hängt an einer einzigen Unterscheidung. Bei Fotos mit weichen Verläufen ist JPG das passende Format, weil es bei kleiner Dateigröße praktisch unsichtbar komprimiert. Bei allem mit scharfen Kanten, wenigen Farben, Text oder Transparenzbedarf, also Screenshots, Logos, Icons, Diagrammen und Strichzeichnungen, ist PNG die richtige Wahl, weil es jedes Pixel exakt erhält. Und wenn ein Bild noch weiterbearbeitet wird, ist PNG die verlustfreie Zwischenstufe, die spätere Qualitätsverluste verhindert.
Wer diese Logik einmal verinnerlicht hat, trifft die Entscheidung künftig in Sekunden und spart sich verwaschene Screenshots ebenso wie aufgeblähte Foto-Dateien.
Hast du einen Fehler entdeckt oder einen Quellen-Hinweis für uns? Schreib gern an info@akara-solutions.de.
Quellen
- MDN Web Docs: Image file type and format guide
- web.dev: Choose the right image format
- W3C: Portable Network Graphics (PNG) Specification
Korrekturen oder bessere Quellen? Schreib an info@akara-solutions.de. Änderungen landen mit Datum auf /korrekturen.
