hallo
Hej beatovich,
SVG
- Skalierbarkeit ohne Qualitätsverluste
Auf dem Retina-display hast du da gegenüber Pixel-Grafiken sicher einen Vorteil.
Nein. Wenn die Pixel-Grafik groß genug ist (bei Retina-Displays sollte die Auflösung das Vierfache der in CSS-Pixeln angegebenen Größe entsprechen), ist das kein Vorteil. Aber die anderen Vorteile von SVGs reichen ja aus!
Um das mal anschaulich zu machen:
Bild mit Vier Pixeln (2x2) auf einem Retina-Display:
CSS:
img { width: 1px; height: 1px; }
Ich sehe keinen Sinn darin einem Samsung Galaxi S7 die 16fache Pixelmenge zu füttern, nur weil es das darstellen kann. (ja ich weiss, das heisst nicht 16-fache Datenmenge)
Was ich hingegen akzeptiere ist, dass durch die einsetzende Verkleinerung von Bildern (max-width:100%) die Information pro Screen-Pixel erhöht wird, manchmal bis zum Faktor 2.