responsive Dateigrössen
bearbeitet von
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 reichen ja aus…
Um das mal anschaulich zu machen:
Bild mit Vier Pixeln (2x2) auf einem Retina-Display:
CSS:
~~~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