Welchen Gerätegrößen / -auflösungen entspricht das Attribut `srcset` von Chrome?

StackOverflow https://stackoverflow.com//questions/22081947

Frage

Gibt es eine Karte, die definiert, welche Gerätegrößen / -auflösungen das Google Chrome-Bild enthält srcset attributgrößen entsprechen?

Zum Beispiel im Fall von

<img src="pic1x.png" srcset="pic1x.png 1x, pic2x.png 2x, pic4x.png 4x">

Welche Größe / Auflösung Bildschirme würden jede dieser Bildgrößen erhalten?Und/oder gibt es andere Größen?

War es hilfreich?

Lösung

Der srcset multiplikator repräsentiert Punkte pro Pixeleinheit.Es wird eher einem Verhältnis von Pixeln zu physischen Abmessungen als einer bestimmten Auflösung zugeordnet.Hier ist eine einfache Zuordnung:

Multiplier(dppx)  Dots Per Inch(dpi)
1                 96dpi
1.3               124.8dpi
1.5               144dpi
2                 192dpi

1 dppx = 96 dpi
1 dpi = 2.54 dpcm
1 dpcm ≈ 0.39dpi
  • dpi:punkte pro Zoll;1 dpi ≈ 2,54 dpi cm
  • dpcm:punkte pro Zentimeter;1 dpi ≈ 0,39 dpi
  • dppx:punkte pro Pixel-Einheit;1dppx ≈ 96 dpi

Verweis

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top