JPG vs PNG vs WebP: Welches Bildformat sollten Sie verwenden?
Eine praktische Anleitung zur Auswahl des richtigen Bildformats - was jeder einzelne tatsächlich gut kann und welche Konvertierungen es wert sind.
Drei Formate decken fast jedes Bild ab, das Sie jemals behandeln werden. Das Auswählen des falschen kostet entweder Dateigröße oder Qualität, und normalerweise kann man nicht sagen, was, bis es zu spät ist.
Hier ist die kurze Version, dann die Argumentation.
Die Kurzfassung
| Verwendung | Format | Warum |
|---|---|---|
| Fotografien | JPG | Kleinste Dateien für fotografische Inhalte, überall unterstützt |
| Screenshots, Logos, scharfe Kanten | PNG | Lossless, keine Artefakte um Text, unterstützt Transparenz |
| Alles auf einer Website, die Sie kontrollieren | WebP | 25-35% kleiner als PNG und auch kleiner als JPG |
| Arbeiten im Gange | PNG | Lossless, so wiederholte Saves verschlechtern es nicht |
JPG: verlustbehaftet, universell, am besten für Fotos
JPG verwirft Daten, um ihre Größe zu erreichen, und es ist sehr gut, die Daten zu verwerfen, die Sie auf einem Foto am wenigsten vermissen werden - subtile Farbvariationen über glatte Gradienten wie Haut und Himmel.
Es ist die falsche Wahl für zwei Dinge:
- Text und scharfe Kanten. JPG erzeugt sichtbare Halos um kontrastreiche Grenzen. Ein Screenshot, der als JPG gespeichert wird, sieht bei einer größeren Dateigröße merklich schlechter aus als der gleiche Screenshot wie PNG.
- Alles, was Sie noch einmal bearbeiten werden. Wenn du noch an einem Bild arbeitest, dann ist das nicht so. Konvertieren Sie es in PNG zuerst.
JPG hat auch Keine TransparenzEin als JPG exportiertes Logo kommt mit einer weißen Box um es herum an.
PNG: verlustfrei, transparent, größer
PNG speichert jedes Pixel genau. Nichts wird verworfen, egal wie oft man es speichert. Das macht es richtig für Screenshots, Diagramme, Logos, Symbole und alles mit einem Alpha-Kanal.
Ein Foto, das als PNG gespeichert wird, kann leicht das Fünffache seines JPG-Äquivalents betragen, ohne sichtbaren Nutzen, weil die verlustfreie Kompression nicht mit dem übereinstimmt, was JPG erreicht, indem es Informationen wegwirft.
Eines kann PNG nicht: Wiedere wieder her, was JPG bereits zerstört hat. Die Umwandlung eines stark komprimierten JPG in PNG bewahrt es treu, einschließlich Artefakte. Es stoppt weitere Verluste; es macht vergangene Verluste nicht rückgängig.
WebP: der moderne Standard für das Web
WebP macht beide Jobs — es hat einen verlustbehafteten Modus, der mit JPG konkurriert, und einen verlustfreien Modus mit Transparenz, der mit PNG konkurriert — und es schlägt beide in der Größe. 25-35% kleiner als PNG in vergleichbarer Qualität und auch sinnvoll kleiner als JPG.
Browser-Unterstützung hat vor Jahren aufgehört, ein Problem zu sein: Chrome, Firefox, Safari und Edge behandeln es alle, auf dem Desktop und mobil.
Warum ist also noch etwas PNG? Weil WebP umständlich ist ausgeschaltet Viele Desktop-Editoren, Druckereien, Fotodienste und Upload-Formulare lehnen es immer noch ab. Das ist die einzige wirkliche Einschränkung, und deshalb stehen sich die beiden nützlichsten Konvertierungen gegenüber:
- PNG zu WebP — wenn das Bild auf einer Seite läuft, die Sie kontrollieren
- WebP zu JPG — wenn etwas Downstream WebP nicht akzeptiert
Die Regel, die die meisten Fälle abdeckt
Foto im Web? WebP, zurück zu JPG. Fotografieren, woanders hingehen? JPG. Alles mit Text, scharfen Kanten oder Transparenz? PNG auf dem Desktop, WebP im Web. Noch immer bearbeiten? PNG, immer, bis Sie fertig sind.
Und was auch immer du landest, Größe ändern, um die Größe, die es tatsächlich angezeigt werden vor Ihnen komprimieren Sie esDie Formatwahl ist viel weniger wert, als ein 4000-Pixel-Bild nicht in einen 800-Pixel-Slot zu versenden.