Conversor de px para vw: fórmula e tabela de conversão

pixels px unidades de largura da viewport vw

Largura da viewport (px)

1 px = 0,05208333333 vw

Fórmula

vw = px × 100 ÷ 1920

Como converter

Para converter pixels para unidades de largura da viewport, use a fórmula vw = px × 100 ÷ 1920. Por exemplo, 32 px = 1,666666667 vw.

Tabela de conversão

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

A tabela considera uma largura de viewport de 1920px. Altere as configurações no conversor acima para combinar com o seu projeto.

Sobre estas unidades

Os navegadores transformam todo comprimento CSS em pixels. rem é relativo ao tamanho de fonte raiz e em ao do elemento pai; ambos valem 16px em todos os principais navegadores, a menos que a página ou o usuário altere. 1pt é 1/72 de polegada e 1px é 1/96 de polegada, então 1pt = 1,333px. vw é 1% da largura da viewport, então seu tamanho em pixels depende da tela.

Perguntas frequentes

› Como converter px para vw?

1 px = 0,05208333333 vw. Para converter, use a fórmula vw = px × 100 ÷ 1920: 32 px = 1,666666667 vw.

› Quanto é 1 vw em px?

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

› Por que usar rem em vez de px?

Tamanhos em rem acompanham a configuração de fonte do navegador do usuário, o que ajuda na acessibilidade, e mudar um único valor raiz redimensiona todo o layout de forma consistente.

› Qual a diferença entre rem e em?

rem sempre usa o tamanho de fonte raiz (html). em usa o tamanho de fonte do elemento pai, então valores em aninhados se multiplicam.