Une densité de 1,5x : le cas intermédiaire
Pour un affichage de 640 × 360 pixels en densité 1,5x, fournissez 960 × 540 pixels.
Par Jimenez Julien, éditeur de Calepin Binaire · mis à jour le
- Image à fournir (densité 1,5x)
- 960 × 540 pixels
- Pixels
- 518 400
- Poids brut relatif à la densité 1x
- × 2,25
- Attribut srcset
- image-960.jpg 960w
| Densité | Dimensions | Mégapixels | Poids brut |
|---|---|---|---|
| 1x | 640 × 360 | 0,23 Mpx | × 1 |
| 2x | 1280 × 720 | 0,92 Mpx | × 4 |
| 3x | 1920 × 1080 | 2,07 Mpx | × 9 |
Le cas en détail
Certains écrans, notamment sur des portables, ont une densité de 1,5x. Les dimensions sont arrondies à l'entier supérieur pour ne pas perdre de pixels. Le poids brut est multiplié par 2,25.
À retenir : Un srcset avec trois tailles (1x, 1,5x, 2x) couvre la plupart des appareils.
L'exemple chiffré
Valeurs utilisées dans ce cas (des exemples, pas des mesures) :
- Largeur d'affichage (pixels CSS) : 640
- Hauteur d'affichage (pixels CSS) : 360
- Densité de l'écran : 1,5x
- Image à fournir (densité 1,5x)
- 960 × 540 pixels
- Pixels
- 518 400
- Poids brut relatif à la densité 1x
- × 2,25
- Attribut srcset
- image-960.jpg 960w
| Densité | Dimensions | Mégapixels | Poids brut |
|---|---|---|---|
| 1x | 640 × 360 | 0,23 Mpx | × 1 |
| 2x | 1280 × 720 | 0,92 Mpx | × 4 |
| 3x | 1920 × 1080 | 2,07 Mpx | × 9 |
Modifiez les champs ci-dessus pour adapter le calcul à votre situation : le résultat se met à jour tout de suite.
Comment ça se calcule
Un écran de densité d affiche d pixels physiques par pixel CSS dans chaque direction. L'image doit donc mesurer largeur × d par hauteur × d. Le nombre de pixels, et donc le poids brut, augmente comme d au carré : une image 2x contient quatre fois plus de pixels qu'une image 1x.
Les résultats sont fournis à titre indicatif, sans valeur de conseil juridique, fiscal ou financier.