JPG, PNG oder WebP: Welches Bildformat solltest du verwenden?
Drei Formate decken fast jedes Bild ab, das du je hochladen wirst, und sie sind nicht austauschbar. Wählst du das falsche, hast du eine dreimal zu große Datei, einen hässlichen weißen Kasten hinter einem Logo oder ein Formular, das die Datei glatt ablehnt. So entscheidest du in etwa zehn Sekunden.
Vom CrispPic-Team3 Min. Lesezeit
Die kurze Antwort
- Fotos: JPG — oder WebP, wenn du weißt, dass es am Ziel akzeptiert wird.
- Screenshots, Logos, Text und Diagramme: PNG — oder WebP.
- Alles mit transparentem Hintergrund: PNG oder WebP. Niemals JPG.
- Websites: WebP, mit JPG als sicherem Ersatz.
Im direkten Vergleich
| JPG | PNG | WebP | |
|---|---|---|---|
| Kompression | Verlustbehaftet | Verlustfrei | Verlustbehaftet oder verlustfrei |
| Am besten für | Fotos | Screenshots, Logos, Grafiken mit Text | Beides — ein guter Allrounder |
| Transparenz | Nein | Ja | Ja |
| Größe eines typischen Fotos | Klein | Sehr groß | Die kleinste der drei |
| Kompatibilität | Alles | Alles | Alle aktuellen Browser; manche ältere Apps und Upload-Formulare lehnen es ab |
JPG: das universelle Fotoformat
JPG verwirft Details, die dein Auge wahrscheinlich nicht vermisst — deshalb lassen sich Fotos so gut verkleinern. Seine Schwächen sind scharfe Kanten — Text und Strichzeichnungen bekommen unscharfe Artefakte — und dass es keine Transparenz speichern kann. Es wird fast überall akzeptiert und ist damit die Standardantwort, wenn ein Formular „Bild“ sagt und nichts weiter.
PNG: exakte Pixel, große Dateien
PNG speichert jedes Pixel exakt, sodass Kanten gestochen scharf bleiben und Transparenz funktioniert. Das ist ideal für einen Screenshot, ein Logo oder ein Diagramm. Für ein Foto ist es das falsche Werkzeug: Dasselbe Bild kann um ein Vielfaches größer sein als die JPG-Version — ohne sichtbaren Vorteil.
WebP: kleiner bei gleicher Qualität
WebP wurde von Google entwickelt, um beide zu ersetzen. Es unterstützt verlustbehaftete und verlustfreie Kompression sowie Transparenz, und die Dateien sind typischerweise 25–35 % kleiner als das entsprechende JPG. Alle aktuellen großen Browser können es anzeigen. Die Kehrseite ist die Kompatibilität außerhalb des Browsers: Manche ältere Software, manche Upload-Formulare und manche Marktplätze akzeptieren noch immer nur JPG oder PNG.
Was beim Umwandeln passiert
- PNG zu JPG: Transparente Bereiche werden zu einem einfarbigen Hintergrund (in CrispPic weiß), und die Datei wird meist deutlich kleiner.
- JPG zu PNG: Die Datei wird größer, ohne besser zu werden, und etwaige JPEG-Artefakte bleiben dauerhaft erhalten.
- JPG zu WebP: Meist kleiner bei ähnlicher Qualität. Es ist ein weiterer verlustbehafteter Schritt, wandle also, wenn möglich, vom Original um.
- HEIC zu JPG: siehe den HEIC-Ratgeber.
Ein Hinweis zu AVIF
AVIF ist ein neueres Format, das WebP bei der Größe schlagen kann. CrispPic akzeptiert AVIF-Bilder als Eingabe, exportiert aber JPG, PNG und WebP, weil das die Formate sind, die fast überall funktionieren.
Eine Faustregel
Hat das Bild weiche fotografische Töne, nimm JPG oder WebP. Hat es Flächenfarben, scharfen Text oder Transparenz, nimm PNG oder WebP. Und nennt ein Formular ein Format, nimm genau dieses — was auch immer die Theorie sagt.
Häufig gestellte Fragen
Ist WebP besser als JPG?
Es erzeugt bei ähnlicher Qualität kleinere Dateien, auf einer Website ist es das meist also. Aber „besser“ hängt davon ab, wohin die Datei geht: Sagt ein Formular nur JPG, nützt dort WebP nichts.
Warum ist mein PNG so groß?
PNG ist verlustfrei, Fotos werden also Pixel für Pixel gespeichert. Ist es ein Foto, senkt das Umwandeln in JPG oder WebP die Größe meist drastisch.
Kann ich die Qualität eines JPG verbessern, indem ich es in PNG umwandle?
Nein. Die Umwandlung kann nur bewahren, was schon da ist; sie kann keine Details wiederherstellen, die beim Erzeugen des JPG verworfen wurden.
Welche Formate behalten einen transparenten Hintergrund?
PNG und WebP. JPG kann keine Transparenz speichern, die Umwandlung dorthin füllt transparente Bereiche daher mit einer Vollfarbe.
Probier es mit den passenden Einstellungen, schon angewendet
Diese Seiten öffnen das CrispPic-Werkzeug bereits für genau diesen Fall eingerichtet. Dein Bild wird in deinem eigenen Browser verarbeitet — es wird nirgendwohin hochgeladen.
Kostenlos, ohne Konto und ohne Wasserzeichen.
Weiterlesen
- So verkleinerst du die Dateigröße eines Bildes ohne QualitätsverlustWarum Fotos so groß sind und die vier Schritte, die sie um 70–90 % verkleinern — ohne sichtbaren Unterschied: skalieren, das richtige Format wählen, eine sinnvolle Qualität einstellen, Überflüssiges entfernen.
- HEIC-Fotos öffnen und umwandeln (iPhone, Windows, Mac)Warum iPhone-Fotos sich nicht öffnen oder hochladen lassen — und alle Wege, HEIC in JPG umzuwandeln: direkt am iPhone, am Mac, unter Windows oder kostenlos im Browser.
- So laden Bilder auf deiner Website schneller (ohne Unschärfe)Bilder sind meist der schwerste Teil einer Webseite. Die Größen, Formate und HTML-Einstellungen, die sie beschleunigen und die Core Web Vitals verbessern — ohne sichtbaren Qualitätsverlust.