Convertisseur px en vw : formule et table de conversion

pixels px unités de largeur du viewport vw

Largeur du viewport (px)

1 px = 0,05208333333 vw

Formule

vw = px × 100 ÷ 1920

Comment convertir

Pour convertir des pixels en unités de largeur du viewport, utilisez la formule vw = px × 100 ÷ 1920. Par exemple, 32 px = 1,666666667 vw.

Table de conversion

px	vw
1 px	0,05208333333 vw
2 px	0,1041666667 vw
4 px	0,2083333333 vw
8 px	0,4166666667 vw
10 px	0,5208333333 vw
12 px	0,625 vw
14 px	0,7291666667 vw
16 px	0,8333333333 vw
18 px	0,9375 vw
20 px	1,041666667 vw
24 px	1,25 vw
32 px	1,666666667 vw
48 px	2,5 vw
64 px	3,333333333 vw

La table suppose une largeur de viewport de 1920px. Modifiez les réglages du convertisseur ci-dessus pour les adapter à votre projet.

À propos de ces unités

Les navigateurs convertissent toute longueur CSS en pixels. rem dépend de la taille de police racine et em de celle de l’élément parent ; les deux valent 16px dans tous les grands navigateurs, sauf si la page ou l’utilisateur la modifie. 1pt vaut 1/72 de pouce et 1px 1/96 de pouce, donc 1pt = 1,333px. vw représente 1 % de la largeur du viewport : sa taille en pixels dépend de l’écran.

FAQ

› Comment convertir des px en vw ?

1 px = 0,05208333333 vw. Pour convertir, utilisez la formule vw = px × 100 ÷ 1920 : 32 px = 1,666666667 vw.

› Combien vaut 1 vw en px ?

1 vw = 19,2 px. La formule inverse est px = vw × 1920 ÷ 100.

› Pourquoi utiliser rem plutôt que px ?

Les tailles en rem suivent la taille de police choisie dans le navigateur, ce qui aide l’accessibilité, et changer une seule valeur racine redimensionne toute la mise en page de façon cohérente.

› Quelle différence entre rem et em ?

rem utilise toujours la taille de police racine (html). em utilise celle de l’élément parent, donc les valeurs em imbriquées se multiplient.