Wann welches Bildformat
Welches Bildformate genommen werden sollte, hängt von dem Anwendungsfall ab.
SVG
SVG-Format
Bildgröße: Unendlich
Größe: 7,2 KiB
PNG-Format
Bildgröße 544x544 px
Größe: 45,7 KiB
PNG-Format komprimiert
Bildgröße 544x544 px
Größe: 20,2 KiB
JPEG-Format Q100
Bildgröße 544x544 px
Größe: 80,1 KiB
JPEG-Format Q75
Bildgröße 544x544 px
Größe: 41,9 KiB
JPEG-Format Q50
Bildgröße 544x544 px
Größe: 35,5 KiB
Man kann deutlich erkennen, das bei JPEG keine Transparenz möglich ist.
Logos und einfache Grafiken sollten in SVG genutzt werden. In unserem Beispiel hat das SVG Logo die kleinste Dateigröße.
PNG
PNG-Format komprimiert
Bildgröße: 2559x1440 px
Größe: 134,7 KiB
JPEG-Format Q15
Bildgröße: 2559x1440 px
Größe: 169,7 KiB
PNG kann seine Vorteile bei Cartoon, Clipart und Computer Grafiken ausspielen. Um mit JPEG eine ähnlichen Dateigröße hinzubekommen musste die Qualität auf 15 von 100 runtergeschraubt werden. Bei voller Qualität hätte das JPEG 1240 KiB.
JPEG
JPEG-Format Q91
Bildgröße: 1200x800 px
Größe: 70,1 KiB
PNG-Format komprimiert
Bildgröße: 1200x800 px
Größe: 269,9 KiB
JPEG kann seine Vorteile bei Fotos voll ausspielen. Auch hier ist der größenunterscheid enorm.