JPG oder PNG? Welches Bildformat wann das richtige ist
Aktualisiert:
JPG und PNG sind die beiden Bildformate, die jedes Gerät öffnet, aber sie sind für unterschiedliche Aufgaben gemacht. Wählst du das falsche, bekommst du entweder eine riesige Datei oder unscharfen Text. Wir haben dieselben Fotos und Screenshots mit den Konvertern dieser Seite in beide Richtungen umgewandelt, um zu zeigen, wie groß der Unterschied wirklich ist.
Die kurze Antwort
Nimm JPG für Fotos: Es macht sie klein, ohne sichtbaren Verlust. Nimm PNG für Screenshots, Logos, Diagramme und alles mit Text, scharfen Kanten oder transparentem Hintergrund: Es hält sie sauber und exakt. Kommt das Bild auf eine Website, schlägt WebP meist beide.
Warum der Unterschied zählt
JPG nutzt eine verlustbehaftete Kompression, die auf Fotos abgestimmt ist. Sie verwirft Details, die das Auge in einem natürlichen Bild kaum bemerkt, deshalb passt ein 12-Megapixel-Foto in ein oder zwei Megabyte. Bei Farbflächen und scharfen Kanten fällt der Trick auf: Um Text und Linien entstehen leichte Säume und Schlieren, vor allem beim Hineinzoomen.
PNG ist verlustfrei: Jedes Pixel wird exakt gespeichert. Das ist ideal für Grafiken, bei denen große Flächen dieselbe Farbe haben und sich sehr gut komprimieren lassen. Fotos haben solche Flächen kaum und werden deshalb um ein Vielfaches größer als als JPG. PNG unterstützt außerdem Transparenz, JPG nicht.
Was wir gemessen haben: Fotos
Wir haben 17 Fotos auf jeweils etwa 12 Megapixel verkleinert (die Auflösung der meisten Smartphone-Kameras) und als hochwertige JPGs gespeichert, im Schnitt 1,5 MB groß. Als PNG wurde jedes einzelne größer, um das 4,5- bis 9-Fache, und keines sah besser aus: Ein PNG kann nur die Details bewahren, die das JPG noch hatte. Dieselben Fotos als WebP in der Qualität Hoch (85) waren halb so groß wie die JPGs.
| Format | Durchschnittsgröße | Im Vergleich zum JPG |
|---|---|---|
| JPG (Original, Qualität 92) | 1,5 MB | — |
| PNG | 8,5 MB | 5,7-mal so groß |
| WebP, Standardqualität | 1,2 MB | 18 % kleiner |
| WebP, Hoch (85) | 0,75 MB | 50 % kleiner |
Was wir gemessen haben: Screenshots
Außerdem haben wir drei Screenshots dieser Website mit je 1440 × 900 Pixeln als PNG gespeichert: im Schnitt 91 KB. Hier kehrt sich das Ergebnis um. Als JPG in Standardqualität wurden sie um 76 % größer, und selbst in der Qualität Hoch (85) waren sie nicht kleiner als die PNGs, bekamen aber die leichten Schlieren, die JPG um Buchstaben hinterlässt. Ein Screenshot besteht fast nur aus Farbflächen und scharfem Text, genau dem, was PNG am besten komprimiert.
| Format | Durchschnittsgröße | Im Vergleich zum PNG |
|---|---|---|
| PNG (Original) | 91 KB | — |
| JPG, Standardqualität (92) | 160 KB | 76 % größer |
| JPG, Hoch (85) | 90 KB | etwa gleich |
| WebP, Standardqualität | 40 KB | 56 % kleiner |
So wandelst du zwischen beiden um
- Öffne PNG in JPG (oder JPG in PNG).
- Lade dein Bild hoch, oder bis zu 20 auf einmal.
- Für JPG kannst du unter Erweiterte Optionen eine Qualität wählen: Hoch (85) lässt Fotos gleich aussehen, bei kleinerer Datei. Dann herunterladen.
Typische Fehler
Ein JPG in PNG umzuwandeln verbessert die Qualität nicht: Die Details, die JPG entfernt hat, sind weg, und du bekommst nur eine größere Datei, in unserem Test 5,7-mal so groß. Ein Logo mit transparentem Hintergrund als JPG zu speichern füllt diese Flächen auf, also behalte Logos als PNG. Und ein JPG immer wieder neu zu speichern bringt jedes Mal etwas mehr Verlust: Bearbeite das Original und exportiere erst am Ende einmal.
Und WebP?
WebP war in beiden Tests das kleinste Format: halb so groß wie das JPG bei Fotos in der Qualität Hoch (85) und weniger als halb so groß wie das PNG bei Screenshots. Alle aktuellen Browser zeigen es an, für Bilder auf einer Website ist es daher die beste Wahl. Für Dateien, die du anderen schickst, in Formulare hochlädst oder druckst, sind JPG und PNG weiterhin am sichersten, weil jedes Programm sie öffnet.
So haben wir getestet
Die 17 Fotos sind die Unsplash-Fotografien, die Edubuntu mitbringt, die Bildungsausgabe von Ubuntu, verkleinert auf 4.032 Pixel an der langen Seite und als JPG mit Qualität 92 gespeichert. Die Screenshots zeigen die Startseite dieser Website, eine Konverterseite und die Ratgeber-Übersicht. Jede Umwandlung lief durch denselben Code und dieselbe ImageMagick-Version wie auf unseren Servern, mit Standardeinstellungen, sofern die Tabelle nichts anderes angibt. Deine eigenen Dateien ergeben andere Zahlen, das Muster ist aber typisch: Fotos sind als JPG viel kleiner, Screenshots als PNG kleiner und schärfer.
Weiterführende Informationen: MDN — Image file type and format guide