Conversor de px a vw: fórmula y tabla de conversión

píxeles px unidades de ancho del viewport vw

Ancho del viewport (px)

1 px = 0,05208333333 vw

Fórmula

vw = px × 100 ÷ 1920

Cómo convertir

Para convertir píxeles a unidades de ancho del viewport, usa la fórmula vw = px × 100 ÷ 1920. Por ejemplo, 32 px = 1,666666667 vw.

Tabla de conversión

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 tabla supone un ancho de viewport de 1920px. Cambia los ajustes en el conversor de arriba para adaptarlo a tu proyecto.

Sobre estas unidades

Los navegadores convierten toda longitud CSS en píxeles. rem es relativo al tamaño de fuente raíz y em al del elemento padre; ambos valen 16px en todos los navegadores principales salvo que la página o el usuario lo cambien. 1pt es 1/72 de pulgada y 1px es 1/96 de pulgada, así que 1pt = 1,333px. vw es el 1 % del ancho del viewport, por lo que su tamaño en píxeles depende de la pantalla.

Preguntas frecuentes

› ¿Cómo convierto px a vw?

1 px = 0,05208333333 vw. Para convertir, usa la fórmula vw = px × 100 ÷ 1920: 32 px = 1,666666667 vw.

› ¿Cuánto es 1 vw en px?

1 vw = 19,2 px. La fórmula inversa es px = vw × 1920 ÷ 100.

› ¿Por qué usar rem en lugar de px?

Los tamaños en rem siguen el tamaño de fuente configurado en el navegador, lo que mejora la accesibilidad, y cambiar un solo valor raíz reescala todo el diseño de forma coherente.

› ¿Qué diferencia hay entre rem y em?

rem siempre usa el tamaño de fuente raíz (html). em usa el tamaño de fuente del elemento padre, así que los valores em anidados se multiplican.