Grafikformate im Newsletter: JPG, GIF oder PNG?

Bilder und Grafiken sind der ideale Blickfang in jeder E-Mail – perfekt, um Aufmerksamkeit zu erzielen, Emotionen zu wecken und die Blicke deiner Abonnenten gezielt durch die E-Mail zu führen. Die Auswahl an möglichen Bildformaten ist dabei groß: JPG, PNG, GIF, SVG, TIFF, EPS, PSD, … Jedes Bildformat ist für einen bestimmten Zweck optimiert, sei es für den Druck auf Papier, T-Shirts, für Websites oder für die Darstellung in E-Mails. Nur die Wahl des richtigen Dateiformats garantiert also, dass das Bild oder die Grafik am Ende perfekt aussieht. Wählt man hingegen das falsche Dateiformat, kann es passieren, dass Bilder verpixelt aussehen, nicht angezeigt werden können oder gar die gesamte E-Mail nicht schnell genug lädt. Damit das nicht passiert, erklären wir in diesem Artikel, welche Grafikformate im Newsletter am besten geeignet sind.

Es gibt eine große Auswahl an Bildformaten: JPG, PNG, GIF, SVG, TIFF, EPS, RAW und einige mehr. Jedes einzelne Bildformat ist dabei für einen bestimmten Zweck optimiert. Grundlegend unterscheidet man die Bildformate in sogenannte Raster- und Vektorgrafiken.

Rastergrafiken wie JPG, PNG oder GIF bestehen aus einem Gitter aus vielen einzelnen Punkten – also Pixeln – wobei jedem Pixel eine Farbe zugeordnet ist. Je mehr einzelne Pixel ein Bild hat, desto schärfer und hochauflösender ist es. Gleichzeitig hat eine Rastergrafik aber auch eine definierte Größe. Hat man also ein kleines Bild vorliegen und vergrößert dieses über seine definierte Größe hinaus, werden dabei nicht mehr Pixel hinzugefügt, sondern die bestehenden Pixel nur vergrößert. Dabei entstehen sogenannte “Artefakte” – die einzelnen Pixel werden also sichtbar. Das Bild ist dann “verpixelt”. Wichtig ist also, dass Rastergrafiken immer so groß gespeichert werden, wie sie später auch angezeigt werden sollen, um diesen unschönen Effekt zu vermeiden. Rastergrafiken werden übrigens (fast) überall dort angewendet, wo Bilder digital dargestellt werden – also auch im Newsletter.

Artefakte: Bei starker Vergrößerung von Rastergrafiken werden die einzelnen Pixel sichtbar. Das Bild sieht also „verpixelt“ aus.

Vektorgrafiken hingegen basieren nicht auf einem Pixelraster sondern auf einer Bildbeschreibung. Ein Kreis wird also beispielsweise durch die Position seines Mittelpunktes, seiner Farbe und des Kreisdurchmessers beschrieben. Dadurch, dass also nur eine “Beschreibung” und keine Bildpunkte gespeichert werden, lassen sich diese Grafiken beliebig vergrößern oder verkleinern, ohne dass sie dabei an Qualität verlieren und Artefakte entstehen, wie es bei Rastergrafiken passiert. Vektorgrafiken werden aufgrund dieser Eigenschaften meistens für Logos, Grafiken oder Illustrationen verwendet – jedoch nicht für fotorealistische Darstellungen.

Alle Rastergrafiken können zudem in zwei verschiedenen Farbformaten gespeichert werden. Diese nennen sich CMYK und RGB. CMYK steht dabei für die vier Farben Cyan, Magenta, Yellow und Key (Black), die beim Drucken entsprechend kombiniert werden. Demnach ist das Farbformat CMYK immer dann die richtige Wahl, wenn du deine Bilder physisch ausdrucken willst.

Im Gegensatz dazu ist RGB das Format für digitale Bilddarstellungen. Das lichtbasierte Farbmodell kombiniert aus Rot, Grün und Blau – den 3 Hauptfarben des Lichts – bis zu 16,7 Millionen unterschiedliche Farben. Wenn du deine Bilder also für Website, Social Media oder auch den Newsletter optimieren willst, solltest du diese in RGB speichern, da sich so sehr viel mehr Farben und Nuancen abbilden lassen als im Farbformat CMYK.

Darüber hinaus werden Rastergrafiken entweder verlustfrei oder verlustreich gespeichert – je nachdem, um welches Dateiformat es sich handelt. Verlustfreie Bildformate erfassen immer alle Daten der Originaldatei. Nichts vom Orginalfoto oder – bild geht also verloren. Die Datei mag zwar komprimiert sein, aber alle verlustfreien Formate sind in der Lage, das Bild im Original zu rekonstruieren.

Verlustreiche Bildformate hingegen verlieren – wie ihr Name bereits verrät – Daten der Originaldatei. Beispielsweise werden nur ein Teil der im Original vorhandenen Farben gespeichert oder die Datei wird nach weiteren “unnötigen Daten” durchsucht. Je nach Dateiformat werden bei der Komprimierung aber clevere technische Tricks angewandt, um diese Verluste zu kompensieren. Das kann mitunter dazu führen, dass die Dateigröße bei einem verlustreichen Bildformat zwar kleiner ist, jedoch – je nach Art der Darstellung – kaum merkliche Qualitätsmängel zu erkennen sind. Damit sind die verlustreichen Bildformate zwar ungeeignet für den Druck auf große Leinwände, dafür aber umso mehr für digitale Darstellungen wie in Newsletter, wo eine geringe Dateigröße entscheidend ist.