Bild-Dateiformate im Vergleich

Thema: Vergleich am Beispiel der Variationen einer Bild-Vorlage

Zielgruppe: Webdesigner und Dokumenten-Ersteller

Motivation: Neue Formate und neue Bedürfnisse

Inhaltsverzeichnis

Vorbereitungen

Um die hier genannten Bild-Dateiformate zu vergleichen, habe ich zuerst folgende Arbeiten erledigt.

Eine relativ einfache Vektorgrafik erstellt, siehe USB-Stick im Titelbild
Diese Grafik in das einfache SVG-Format, auch PlainSVG, gespeichert
Von der SVG-Grafik eine TIFF-Grafik exportiert mit 660 x 660 px
Und von dieser TIFF-Grafik jeweils die anderen Formate exportiert

Eingesetzte Programme

Es wurde nur Open-Source-Software genutzt.

Inkscape für die Vektorgrafik
Gimp für die Rastergrafik
xed für das XML-Format

Eigenschaften der Vektorgrafik

Knoten insgesamt   128
Gradienten linear   30
Gradienten radial    2
GaussianBlur         5
Farben               8

Im Folgenden kürze ich die Gradienten, also die Farbverläufe, als Gra. ab.

File-header

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg

Vergleiche

Für den Vergleich habe ich nur wenige Merkmale herangezogen.

Bytes = Für die Speichergröße auf den nichtflüchtigen Speicher
Farben = Die Farbanzahl durch die spezifischen Algorithmen
Alpha = Alphakanal
- 0% = kein Alpha im Bild, weil ausgeschaltet
- Nein = Kein Alphakanal im Bildformat
- Ja = Alphakanal zum Teil unterstützt
Meta = Metadaten
- Metadaten wurden, wenn leicht möglich, entfernt
- Manche Formate erzwingen und erstellen selbst Metadaten
Qualität = die Ausgabequalität, im Wesentlichen entweder verlustfrei oder verlustbehaftet

Ausgangsformate

Formate	SVG	SVGZ	TIFF
Bytes	26.161	5.073	1.742.606
Farben	8+Gra.	8+Gra.	6.476
Alpha	100 %	100 %	100 %
Meta	Ja	Ja	Ja
Qualität	100 %	100 %	100 %

Bearbeitungsformate

Formate	PSD Photoshop	XCF GIMP
Bytes	328.544	150.831
Farben	6.476	6.476
Alpha	100 %	100 %
Meta	Ja	Ja
Qualität	100 %	100 %

Web-Formate historisch

Formate	GIF	JPG
Bytes	35.422	17.760
Farben	245	18.423
Alpha	Ja	Nein
Qualität	256 Farben	80 % zu 4:2:0

Web-Formate aktuell

Formate	JPG XL	WEBP
Bytes	10.955	9.044
Farben	19.144	12.856
Alpha	0 %	0 %
Meta	Ja	Ja
Qualität	80 % zu 3	80 %

PNG-Format

Formate	PNG	PNG 256
Bytes	66.933	69.502
Farben	6.476	241
Alpha	0 %	Ja
Meta	wenige	wenige
Qualität	KS = 9	256 Farben

KS = Komprimierungsstufe

PDF-Format

Formate	PDF 1.7 aus Gimp	PDF 1.5 aus Inkscape
Bytes	69.772	22.282
Farben	13.541	3.867
Alpha	0 %	0 %
Meta	Ja	Ja
Qualität	Standard	Optimiert

Fazit

So ein Vergleich bringt nichts, wenn man ihn nicht zu dem bestehenden Bedarf einordnen kann.

PDF

Beispielsweise habe ich hier das PDF-Format mit eingeschlossen, weil Firmen und Institutionen vermehrt verlangen, Bilder als PDF-Dokumente zu erhalten. Zuerst habe ich das nicht verstanden, aber in der Regel werden PDF-Dokumente im DIN A4 erstellt, also schon auf das fertig abzuheftende Format.

Webdesign

Auch der Vergleich von JPG XL und WEBP ist interessant. Denn die Eigenschaften und Möglichkeiten von JPG XL sind wesentlich vielfältiger als die von WEBP. Vor allem ist JPG XL schneller in Web-Applikationen durch sein Tilling. Obwohl die Google-Firma an der Entwicklung von JPG XL mitbeteiligt ist, wurde es nun aus dem Quellcode des Webbrowsers verbannt, um WEBP in allen Plattformen und Google-Diensten auszurollen.

Vektor oder Raster

Selbstverständlich ist eine reine Vektorgrafik in der Qualität nicht zu übertreffen. Doch nicht alle Bilder liegen im Original als Vektorgrafik vor. Zudem können nicht alle Anwendungen skalierbare Grafiken einbinden. Genauso sind auch die neuen Bildformate, wie WEBP, erst in den aktuellen Office-Suiten mit Release von 2023 nutzbar.

Ihr Kommentar [Pos1] Seitenanfang