PNG vs. JPG vs. WebP für Social Media: Was erhält die Qualität
PNG, JPG oder WebP für Social-Media-Beiträge: welches Format Text scharf hält, was jedes Netzwerk akzeptiert und echte Dateigrößen eines Renders in vier Varianten.
PNG ist das sicherste Format für Social-Media-Grafiken mit Text, Logos und Flächenfarben, und JPG ist das richtige für Fotos. WebP ist meist kleiner als JPG und hat in unserem Test bei Flächenfarben mit PNG gleichgezogen und es nur bei einem Verlauf geschlagen. Aber LinkedIn (für Bilder von Unternehmensseiten), YouTube-Thumbnails und Pinterest nennen auf ihren Hilfeseiten nur PNG oder JPEG, verlassen Sie sich beim Hochladen also nicht darauf.
Wir haben das an unseren eigenen Dateien getestet. Unsere Engine hat zwei Beiträge mit 1080 x 1080 aus unserer Demo-Marke AURORA als PNG gerendert. Anschließend haben wir jeden mit sharp umgewandelt (JPEG-Qualität 92 und 80, WebP-Qualität 80, alle anderen Einstellungen Standard) und die Dateien vermessen. Die Größen der Netzwerke finden Sie in unserem Leitfaden zu Bildgrößen für Social Media.
Was ist der Unterschied zwischen PNG, JPG und WebP?
MDN ordnet PNG als verlustfrei, JPEG als verlustbehaftet und WebP als beides fähig ein. Verlustfrei heißt, dass jedes Pixel genau so zurückkommt, wie es gespeichert wurde. Ein verlustbehafteter Encoder verwirft feine Details, von denen er erwartet, dass Sie sie nicht bemerken. Das passt zu Fotos, aber laut MDN fallen Verschmierungen und Farbsäume um Text und harte Kanten leicht auf, weshalb MDN für Screenshots, Diagramme, Logos und Strichzeichnungen verlustfreie Dateien empfiehlt.
web.dev sagt dasselbe mit anderen Worten: PNG liefert die höchste Qualität bei deutlich größerer Datei, JPEG tauscht etwas Qualität gegen kleinere Dateien, und WebP komprimiert im Allgemeinen besser als beide. MDN nennt Zahlen: Verlustbehaftetes WebP ist im Schnitt 25 bis 35 Prozent kleiner als ein vergleichbares JPEG, verlustfreies WebP etwa 26 Prozent kleiner als PNG.
| Format | Kompression | Transparenz | Am besten für |
|---|---|---|---|
| PNG | Verlustfrei | Ja | Text, Logos, Flächenfarben |
| JPG | Verlustbehaftet | Nein | Fotos |
| WebP | Verlustbehaftet oder verlustfrei | Ja | Webseiten (unser Rat: nur dort, wo es einen Fallback gibt) |
Welche Formate akzeptieren Social-Media-Netzwerke?
Weniger, als Ihr Design-Tool exportiert. Das sind die Seiten, die wir am 2. Oktober 2026 lesen konnten:
| Netzwerk | Genannte Formate | Dateilimit |
|---|---|---|
| LinkedIn (Bilder von Unternehmens- und Karriereseiten; Feed-Beiträge nicht geprüft) | PNG, JPEG | 3 MB |
| YouTube (Thumbnails) | JPG, PNG | 2 MB mobil, 50 MB am Desktop |
| Pinterest (Standard-Pins) | PNG, JPEG | 20 MB am Desktop, 32 MB in der App |
Keines der drei nennt WebP. Die Hilfeseiten von Instagram und X zu Dateiformaten konnten wir nicht laden, deshalb geben wir deren Regeln hier nicht an: Prüfen Sie sie vor dem Export. Pinterest ergänzt in einem Rat an Werbetreibende, dass Bilder PNG mit sRGB-Profil sein sollen und dass jeder Upload in ein Standard-8-Bit-RGB-JPEG umgewandelt wird. Unsere Lesart: Laden Sie ein sauberes PNG hoch, damit diese Umwandlung der einzige verlustbehaftete Schritt ist. Die Größen pro Netzwerk stehen in unseren Leitfäden zu YouTube-Thumbnails und Pinterest-Pins.
Wie viel kleiner sind JPG und WebP? Unsere Messung
Wir haben zwei Renders unserer Engine genommen, ein textlastiges Blocklayout und ein Layout mit weichem Verlauf, und jedes auf vier Arten gespeichert.
| Datei (1080 x 1080) | Flaches Text-Layout | Verlaufs-Layout |
|---|---|---|
| PNG | 13,0 KB | 182,8 KB |
| JPG, Qualität 92 | 44,7 KB | 71,9 KB |
| JPG, Qualität 80 | 34,3 KB | 39,3 KB |
| WebP, Qualität 80 | 13,8 KB | 16,9 KB |
Die Größen sind echte Bytes aus einer einmaligen Umwandlung desselben PNG mit sharp. Drei Dinge fallen auf.
- PNG gewann beim flachen Layout. Große einfarbige Flächen lassen sich verlustfrei extrem gut komprimieren, deshalb war die verlustfreie Datei kleiner als beide JPGs. Der Wechsel zu JPG machte diese Datei 2,6- bis 3,4-mal größer und verlustbehaftet.
- Der Verlauf drehte das Ergebnis um. Weiche Farbübergänge sind für PNG schwierig, deshalb war das PNG 183 KB groß, und ein JPG mit Qualität 92 senkte es auf 72 KB.
- WebP mit 80 war beim flachen Layout 13,8 KB und beim Verlauf 16,9 KB groß. Beim flachen Layout lag es ungefähr gleichauf mit PNG (etwas über 13,0 KB) und beim Verlauf bei etwa einem Zehntel des PNG.
Außerdem haben wir jedes Pixel jeder umgewandelten Datei mit dem Original-PNG verglichen (absolute Differenz pro Farbkanal, 0 bis 255). Der Durchschnitt lag bei jeder verlustbehafteten Datei unter 1,1, aber an den schärfsten Kanten wich das schlechteste einzelne Pixel beim Text-Layout für JPG 80, JPG 92 und WebP 80 um 81 bis 89 Stufen ab. Das ist der verlustbehaftete Preis, den MDN beschreibt: Er konzentriert sich an Textkanten. In normaler Betrachtungsgröße konnten wir ihn in einem vergrößerten Ausschnitt des Button-Textes nicht sehen, daher ist Qualität 80 und höher unserer Ansicht nach für Beiträge brauchbar. Rechnen Sie damit, dass der Schaden sichtbar wird, wenn jemand hineinzoomt oder den Beitrag teilt.
Wir haben von jedem Typ ein Beispiel verwendet, verstehen Sie die Größen also als Veranschaulichung des Musters, nicht als Benchmark. Ihre eigenen Dateien werden abweichen.
Welches Format sollten Sie für Social-Media-Beiträge verwenden?
Passen Sie das Format dem Inhalt an und prüfen Sie dann die Liste des Netzwerks.
- Grafik mit Text, Logo oder Flächenfarbe: PNG. Es war bei unserem flachen Layout am kleinsten und hat keine Kantenartefakte.
- Foto oder Hintergrund mit starkem Verlauf: JPG mit Qualität 90 oder höher, wenn das PNG ein Dateilimit sprengen würde (LinkedIn nennt zum Beispiel 3 MB für Bilder von Unternehmensseiten).
- WebP: Behalten Sie es für Ihre Website. Laden Sie es nicht in ein Netzwerk hoch, das es nicht nennt.
- Speichern Sie ein JPG nie erneut als JPG. Unser Rat: Jedes verlustbehaftete Speichern verwirft mehr Details, also bewahren Sie ein PNG als Master auf.
Wenn Sie viele Größen exportieren, nimmt Ihnen ein Vorlagen-Tool das Rätselraten ab: Chikaboom exportiert PNG in der Größe jeder Plattform, sodass die hochgeladene Datei immer die verlustfreie ist. Sie können es in der Live-Demo ausprobieren.
Checkliste vor dem Hochladen
- Prüfen Sie die eigene Liste akzeptierter Formate und das Dateilimit des Netzwerks.
- Exportieren Sie Textgrafiken als PNG; nutzen Sie JPG nur für Fotos oder um ein Größenlimit einzuhalten.
- Verwenden Sie für JPG Qualität 90 oder höher und wandeln Sie WebP nie hin und her.
- Öffnen Sie die fertige Datei bei 100 Prozent und lesen Sie den kleinsten Text.
FAQ
Sollte ich PNG oder JPG in Social Media hochladen?
Nutzen Sie PNG für Grafiken mit Text, Logos und Flächenfarben, weil die verlustfreie Kompression die Kanten sauber hält. Nutzen Sie ein hochwertiges JPG für Fotos oder wenn ein PNG ein Größenlimit sprengen würde. Das ist unsere Empfehlung, gestützt auf die von uns gemessenen Größen.
Kann ich WebP bei LinkedIn, YouTube oder Pinterest hochladen?
Laut den Hilfeseiten, die wir gelesen haben, nicht. LinkedIn nennt für Bilder von Unternehmensseiten PNG oder JPEG (Feed-Beiträge haben wir nicht geprüft), YouTube nennt für Thumbnails JPG und PNG, und Pinterest nennt PNG oder JPEG. Wandeln Sie WebP vor dem Hochladen in PNG oder JPG um.
Komprimiert Social Media meine Bilder neu?
Pinterest gibt an, Uploads bei der Verarbeitung in Standard-8-Bit-RGB-JPEGs umzuwandeln. Andere Netzwerke veröffentlichen ihre Pipeline auf den von uns geprüften Seiten nicht, daher gehen wir davon aus, dass Ihre Datei neu kodiert wird: Beginnen Sie mit der saubersten Quelle.
Welche JPG-Qualität sollte ich für Grafiken mit Text verwenden?
Wir empfehlen 90 oder höher für alles mit Schrift. In unserem Test war eine flache Textgrafik bei Qualität 92 45 KB groß, als PNG dagegen 13 KB. JPG lohnte sich also nur beim Verlaufsbild: 72 KB gegenüber 183 KB.