responsive Dateigrössen

[marctrix]

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;
}

Darstellung auf dem Handy: 2x2 Hardware-Pixel. Grund: würde ein CSS-Pixel einem Hardware-Pixel entsprechen, dann wären alle Schriften unlesbar klein.

Das CSS oben führt dazu, dass Höhe und Breite des Bildes einem sechzehntel em entspricht, wenn 1em mit 16px festgelegt ist.

Marc