PNG oder JPG: welches Bildformat du wann nutzt

Die kurze Antwort auf PNG oder JPG: Nimm PNG für alles mit Text, Logos, flachen Farbflächen, scharfen Kanten oder transparentem Hintergrund und JPG für Fotos. PNG ist verlustfrei, jeder Pixel, den du exportierst, kommt also genau so an. JPG ist verlustbehaftet: Es wirft Details weg, um die Datei klein zu machen, und die Details, die es wegwirft, sind genau die, die Schrift scharf und Verläufe glatt machen. Ein Foto versteckt diesen Verlust gut. Eine Headline auf einem Verlauf nicht.

Der Unterschied zwischen PNG und JPG

Beide Formate speichern ein Raster aus Pixeln, keins lässt sich also vergrößern, ohne weich zu werden. Was sie unterscheidet, ist, wie sie dieses Raster in eine Datei pressen.

JPG teilt das Bild in kleine Quadrate aus 8×8 Pixeln und vereinfacht dann Farbe und feine Details in jedem Quadrat. In einem texturreichen Foto verschwindet diese Vereinfachung im Rauschen. In einem glatten Verlauf oder an der Kante eines Buchstabens zeigt sie sich als blasse Blöcke, verschmierte Säume und gestufte Farbstreifen.

Wann du PNG nutzt

• Textlastige Grafiken: Zitatkarten, Ankündigungen, Karussells, Folien.
• Logos und Icons, besonders auf transparentem Hintergrund.
• Screenshots von Oberflächen, bei denen JPG kleine Schrift verwischt.
• Verläufe und flache Farben, die unter JPG-Kompression Streifen und Blöcke bilden.
• Masterdateien, die du wieder bearbeiten wirst, damit nicht bei jedem Speichern Qualität verloren geht.

Wann du JPG nutzt

Nutze JPG für Fotos: Produktaufnahmen, Porträts, Reisen, Essen. Echte Fotos sind voller Korn und Textur, die Kompression überdecken, und ein JPG mit einer Qualität von etwa 80 bis 85 sieht meist genauso aus wie das Original, bei einem Bruchteil der Größe. Ein großes PNG-Foto kann leicht um ein Vielfaches schwerer sein, ohne sichtbaren Gewinn.

JPG passt auch zu Designs, die vor allem aus Foto mit etwas Schrift bestehen, solange die Schrift groß ist. Ist der Text klein oder dünn oder steht er über einem glatten Himmel, exportiere lieber PNG, oder teste beides und vergleiche bei 100 % Zoom.

PNG oder JPG für Social Media

Instagram, Facebook, X und LinkedIn komprimieren alles neu, was du hochlädst, meist zu JPG. Das klingt nach einem Grund, sich nicht darum zu kümmern, ist aber das Gegenteil: Kompression summiert sich. Ein bereits gepresstes JPG wird noch einmal gepresst, und die Artefakte verdoppeln sich. Gib der Plattform die sauberste Datei, die du hast, in genau der Größe, die sie erwartet, damit sie nichts skalieren muss. Die Größen stehen in Bildgrößen für Social Media.

PNG oder JPG für ein Logo

PNG, immer, wenn du eine Pixeldatei brauchst. Ein Logo besteht aus flachen Formen und harten Kanten, die PNG gut komprimiert und JPG beschädigt, und ein Logo braucht fast immer einen transparenten Hintergrund, damit es auf Fotos, Farben und im Dark Mode stehen kann. Noch besser: Behalte die Masterdatei als SVG, das in jeder Größe scharf bleibt. SVG oder PNG erklärt, wann du was nutzt, und Logogrößen listet die Dateien auf, die du brauchst.

Warum Verläufe in JPG Streifen bilden

Glatte Verläufe sind der härteste Test für jedes Format. Ein dunkler Übergang von Fast-Schwarz zu tiefem Violett hat nur ein paar Dutzend unterschiedliche Farbwerte zur Verfügung, und JPG-Kompression verschmilzt Nachbarn zu sichtbaren Streifen. Das ist Banding in Verläufen, und es ist auf dunklen, kontrastarmen Hintergründen am schlimmsten.

Körnung hilft mehr als jede Einstellung, weil sie dem Kompressor Textur zum Arbeiten gibt statt einer flachen Folge fast identischer Farben. Körnige Verläufe zeigt, wie viel genug ist. Die Marks von Gradiently bringen ihre eigene Körnung und ihr eigenes Licht mit, genau die Textur, die einem Verlaufsdesign hilft, die Neukompression einer Plattform zu überstehen.

Und was ist mit WebP und AVIF

Auf deiner eigenen Website schlagen neuere Formate beide: WebP und AVIF können verlustbehaftet oder verlustfrei sein, unterstützen Transparenz und sind bei gleicher Qualität kleiner. Jeder aktuelle Browser unterstützt WebP. Behalte PNG und JPG für Uploads auf Plattformen und zum Teilen von Dateien, und lies WebP oder PNG und JPG, bevor du die Bilder deiner Website neu aufbaust. Für die Einstellungen selbst siehe Bilder komprimieren, ohne Verläufe zu ruinieren.