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.