Contas do dia a dia / CLEARBYTE

Calculadora de pixels CSS para pixels do dispositivo

Multiplique cada dimensão CSS pelo DPR para obter o suporte. Uma área CSS de 800 × 600 a DPR 2 precisa de 1600 × 1200 pixels físicos.

Ferramenta isolada · acesso à rede bloqueado

Fórmula e método

Backing width = ceil(CSS width × DPR); backing height = ceil(CSS height × DPR).

Exemplo resolvido

EntradaValor
Largura CSS800 CSS px
Altura CSS600 CSS px
Proporção de pixels do dispositivo2 ×
Resultado
ResultadoValor
Largura de suporte arredondada para cima1.600 px
Altura de suporte arredondada para cima1.200 px
Total de pixels do suporte1.920.000

Comparar cenários

A primeira entrada muda e as demais mantêm os valores do exemplo. São cenários aritméticos, não previsões.

Comparar cenáriosLargura CSS CSS pxLargura de suporte arredondada para cimaAltura de suporte arredondada para cimaTotal de pixels do suporte
−20%6401.280 px1.200 px1.536.000
Exemplo8001.600 px1.200 px1.920.000
+20%9601.920 px1.200 px2.304.000

Premissas e limites

Arredonda cada dimensão para cima para evitar frações de pixel. O DPR é informado manualmente; a tela não é inspecionada. Navegador, zoom e renderização afetam a exibição.

Os resultados exibidos são arredondados. O cálculo usa números JavaScript sem arredondamento; podem ocorrer pequenas diferenças de ponto flutuante.

Funciona no navegador

A ferramenta interativa funciona em um quadro isolado sem acesso à rede. ClearByte e scripts de publicidade não podem ler os dados dentro dele. Extensões maliciosas e dispositivos comprometidos ficam fora dessa proteção.

Fontes e definições

Método conferido:

Continue com uma tarefa relacionada