3. Juni 2026
JPG vs. PNG vs. WebP: Welches Bildformat solltest du verwenden?
JPG vs. PNG vs. WebP, ohne Fachjargon erklärt. Erfahre, was jedes Bildformat gut kann, wo es versagt und wie du jedes Mal das richtige auswählst.
Du hast das neue Logo exportiert, als PNG gespeichert, weil jemand mal behauptet hat, PNG habe eine höhere Qualität, und jetzt schreibt der Kunde zurück: Es sind 9 MB und es lädt nicht auf seiner Homepage. Oder du hast einen Screenshot als JPG gespeichert, und der gestochen scharfe Text kam verschwommen heraus, mit grauen Schlieren um jeden Buchstaben.
So oder so fragst du dich jetzt, was der Unterschied zwischen JPG, PNG und WebP eigentlich ist und welches du hättest verwenden sollen.
Die kurze Antwort: Jedes Format wurde für eine andere Aufgabe entwickelt, und das falsche zu verwenden ist genau das, was beide oben genannten Probleme verursacht. Dieser Artikel zeigt dir, was jedes Format gut kann, wo es schwächelt und wie du das richtige auswählst, ohne zu raten.
JPG: Für Fotos gemacht
JPG (auch JPEG geschrieben) verwendet verlustbehaftete Kompression. Das heißt, es verkleinert eine Datei, indem es Details wegwirft, die dein Auge wahrscheinlich nicht bemerkt, und diese Details kommen nicht zurück. Für ein Foto mit seinen tausenden feinen Übergängen ist das genau richtig: Du bekommst eine kleine Datei, die immer noch wie das Foto aussieht.
Wo JPG schwächelt, ist alles mit harten Kanten und flächigen Farben: Text, Logos, Screenshots, Strichzeichnungen. Dieselbe Kompression, die einen Himmel zu einer kleinen Datei glättet, hinterlässt an scharfen Kanten sichtbare Schlieren, sogenannte Artefakte. JPG hat außerdem keine Transparenz. Jedes JPG ist ein massives Rechteck, also kommt ein als JPG gespeichertes Logo mit einem weißen Kasten dahinter an.
Verwende JPG für Fotos – und wirklich nur für Fotos.
PNG: Für Grafiken und Transparenz gemacht
PNG verwendet verlustfreie Kompression. Nichts wird weggeworfen, sodass das Bild, das du speicherst, pixelgenau dem entspricht, das du später öffnest. Das macht es zur richtigen Wahl für Screenshots, Logos, Symbole, Diagramme und alles mit Text oder scharfen Kanten, wo die Artefakte von JPG sichtbar wären.
PNGs andere Stärke ist Transparenz. Ein PNG kann einen durchsichtigen Hintergrund haben, sodass ein Logo sauber auf jede beliebige Farbe darunter fällt, statt in einem weißen Kasten zu sitzen.
Der Haken ist die Dateigröße. Da PNG jedes Pixel behält, kann ein als PNG gespeichertes Foto mehrere Male so groß sein wie dasselbe Foto als JPG, ohne erkennbaren Vorteil. PNG ist für Grafiken gemacht, nicht für Fotos.
WebP: Der moderne Allrounder
WebP ist ein neueres Format, das beide Aufgaben übernehmen kann. Es unterstützt verlustbehaftete Kompression wie JPG und verlustfreie Kompression wie PNG, und es unterstützt Transparenz wie PNG. Bei ähnlicher visueller Qualität ist eine WebP-Datei meist spürbar kleiner als das entsprechende JPG oder PNG, weshalb es zum Standard für Bilder auf schnellen Websites geworden ist.
Das Einzige, was du wissen solltest, ist die Unterstützung. Jeder aktuelle Browser (Chrome, Firefox, Edge, Safari) zeigt WebP schon seit Jahren an, fürs Web ist es also eine sichere Wahl. Manche ältere Desktop-Software und ein paar Druckdienste akzeptieren es immer noch nicht. Wenn du eine Datei also an ein System übergibst, das du nicht kontrollierst, ist JPG oder PNG die sicherere Übergabe.
Wenn das falsche Format zubeißt
Hier die Kurzfassung:
| JPG | PNG | WebP | |
|---|---|---|---|
| Kompression | verlustbehaftet | verlustfrei | verlustbehaftet oder verlustfrei |
| Transparenz | Nein | Ja | Ja |
| Am besten für | Fotos | Grafiken, Text, Logos | Webbilder aller Art |
| Dateigröße für ein Foto | klein | groß | am kleinsten |
Die Designerin, deren Logo nicht lädt
Eine Designerin exportiert das neue Markenlogo als PNG und schickt es per E-Mail an den Kunden. Die Antwort kommt prompt zurück: "Das sind 8 MB, das lädt nicht auf unserer Seite." Das PNG enthielt einen vollständigen fotografischen Hintergrund in verlustfreier Qualität, jedes Pixel erhalten, obwohl die Seite nur ein kleines, schnell ladendes Bild brauchte. PNG hat seine Aufgabe perfekt erledigt. Es war nur die falsche Aufgabe.
Der Screenshot, der unscharf herauskam
Dieselbe Designerin speichert eine Woche später einen Screenshot der Oberfläche einer App als JPG, um die Datei klein zu halten. Jetzt hat jede Buchstabenkante einen Hof aus grauen Blöcken um sich herum, und dünne Linien sehen verschmiert aus. Das ist JPG, das Details wegwirft, von denen es meinte, niemand würde sie vermissen – ausgerechnet bei der Art scharfkantiger Bilder, wo der Verlust offensichtlich ist. Zwei gegensätzliche Fehler, beide entstanden, weil man ein Format aus Gewohnheit wählte statt danach, was das Bild ist.
Zwischen ihnen umwandeln
Du musst nicht aus der Originaldatei neu exportieren, um eines dieser Probleme zu beheben. Du kannst das, was du bereits hast, direkt in deinem Browser konvertieren, ohne dass etwas auf einen Server hochgeladen wird und ohne ein Konto erstellen zu müssen.
Wie die Designerin das Logo zum Laden bringt
Für das schwere Logo der Designerin ist die Lösung, das PNG zu WebP zu konvertieren: Es behält die Transparenz und reduziert die Datei von Megabytes auf ein paar hundert Kilobytes, sodass die Seite lädt. Derselbe Look bei einem Bruchteil der Größe.
Wie die Designerin den unscharfen Text behebt
Für den Screenshot der Designerin läuft die Lösung andersherum. Sie konvertiert ihn zurück zu PNG, und der Text bekommt seine sauberen Kanten zurück, weil PNG jedes Pixel behält, statt zu raten.
Und wenn ein System schlicht alles andere ablehnt, was bei älteren Upload-Formularen und manchen Druckern immer noch vorkommt, lässt sich eine PNG-, WebP- oder HEIC-Datei zu JPG konvertieren, dem Format, das jede Seite und jeder Drucker akzeptiert.
Die Kurzfassung
Verwende JPG für Fotos, PNG, wenn du Transparenz oder gestochen scharfen Text brauchst, und WebP, wenn du eine kleinere Datei willst, die im Web trotzdem gleich aussieht. Wähle danach, was das Bild ist, und nicht danach, welches Format du zuletzt verwendet hast – und die meisten dieser Probleme treten gar nicht erst auf.
Hast du eine Datei im falschen Format? Konvertiere sie kostenlos zu WebP →
Brauchst du es andersherum? Konvertieren zu PNG → und Bild zu JPG → sind ebenfalls verfügbar.