SVG, PNG oder WebP? Das richtige Bildformat fürs Web
Welches Format für Logos, Icons, Grafiken und Fotos passt und wie Sie damit Ladezeit sparen.
Julian Bräucker · 1 Min. Lesezeit
SVG für Logos, Icons und Grafiken
SVG beschreibt Formen statt Pixel. Dadurch bleibt es auf jedem Display gestochen scharf, ist meist sehr klein und lässt sich per CSS einfärben oder animieren.
WebP und AVIF für Fotos
Für Fotos sind moderne Pixelformate die beste Wahl. Sie sind bei gleicher Qualität kleiner als JPG oder PNG und werden von allen aktuellen Browsern unterstützt.
PNG nur noch in Ausnahmen
PNG lohnt sich vor allem für Screenshots mit Text oder Grafiken mit Transparenz, die sich nicht sinnvoll als Vektor umsetzen lassen.