Conversor de dp, sp, px e @2x/@3x (Android e iOS)
Escolha a plataforma e o sentido, informe o valor e a densidade (Android) ou a escala @ (iOS) para converter entre dp ou pontos e pixels.
- Roda no seu navegador
Resultado
O resultado aparece aqui.
Android: dp e densidade da tela
px = dp × (dpi ÷ 160)
dp = px ÷ (dpi ÷ 160)
O dp (pixel independente de densidade) existe para que um elemento tenha o mesmo tamanho físico aproximado em telas diferentes. A referência é o balde mdpi, de cerca de 160 dpi, em que 1 dp é 1 px; nos demais baldes, o multiplicador cresce com a densidade.
| Balde de densidade | dpi aproximado | Multiplicador |
|---|---|---|
| ldpi | 120 | 0,75× |
| mdpi | 160 | 1× |
| hdpi | 240 | 1,5× |
| xhdpi | 320 | 2× |
| xxhdpi | 480 | 3× |
| xxxhdpi | 640 | 4× |
Atenção: A documentação do Android orienta usar a unidade dp e as ferramentas do sistema, em vez de fixar essa equação no código. Esta página serve para conferir medidas de design e de exportação de imagens.
iOS: pontos e escalas @1x, @2x e @3x
px = pontos × escala
No iOS os tamanhos são em pontos, e cada ponto vira 1, 2 ou 3 pixels conforme a escala da tela (@1x, @2x, @3x). Os valores de escala são referências: confira a documentação de design da Apple, porque as telas mudam a cada geração de aparelho. O fator é um campo seu.
Exemplos
Um botão de 48 dp em tela xhdpi (multiplicador 2) ocupa 96 px. Uma medida de 100 px em tela hdpi corresponde a 66,67 dp.
No iOS, um ícone de 44 pontos a @3x tem 132 px; uma largura de 750 px a @2x são 375 pontos.
Perguntas frequentes
Como converter dp para px no Android?
Multiplique o dp pelo multiplicador do balde de densidade. Um botão de 48 dp em tela xhdpi (2×) ocupa 96 px; em mdpi (1×), 48 px. A documentação do Android orienta usar a unidade dp no código.
Como converter pontos para pixels no iOS?
Multiplique os pontos pela escala da tela. Um ícone de 44 pontos tem 132 px a @3x e 88 px a @2x. A escala é editável porque os tamanhos de tela mudam a cada geração de aparelho.