Convertidor de PX a DP
Convierte píxeles en píxeles independientes de la densidad de Android (dp) y píxeles independientes de la escala (sp) para cualquier densidad de pantalla, o vuelve a pasar dp y sp a píxeles. La tabla muestra el tamaño exacto de los recursos para cada grupo, de ldpi a xxxhdpi, además de iOS @1x, @2x y @3x.
Última actualización:
Píxeles para PX → DP, o dp / sp para la inversa.
La densidad del dispositivo en dpi (p. ej. 420 o 560).
Cómo usar Convertidor de PX a DP
- Elige la dirección: de píxeles a dp, o de dp / sp a píxeles.
- Introduce el valor, por ejemplo 48 px o 24 dp.
- Elige la densidad de pantalla a la que pertenecen los píxeles, o escribe un dpi personalizado.
- Ajusta la escala de fuente si conviertes tamaños de texto en sp.
- Pulsa Convertir y usa la tabla para exportar recursos para cada densidad.
Fórmula de PX a DP
dp = px × 160 ÷ dpi y px = dp × dpi ÷ 160. Android define un píxel independiente de la densidad como un píxel físico en una pantalla de 160 dpi (mdpi), así que el factor de escala de cualquier pantalla es su densidad dividida entre 160. Para el texto, px = sp × escala de fuente × dpi ÷ 160.
Ejemplo: una imagen de 72 × 72 px diseñada para un teléfono xxhdpi (480 dpi, 3×) mide 72 ÷ 3 = 24 × 24 dp. Para incluir ese icono en todas las densidades necesitas versiones de 18, 24, 36, 48, 72 y 96 px.
Grupos de densidad de Android
| Grupo | Densidad | Escala | Icono de 24 dp | Icono de inicio de 48 dp |
|---|---|---|---|---|
| ldpi | ~120 dpi | 0.75× | 18 px | 36 px |
| mdpi | ~160 dpi | 1× | 24 px | 48 px |
| hdpi | ~240 dpi | 1.5× | 36 px | 72 px |
| xhdpi | ~320 dpi | 2× | 48 px | 96 px |
| xxhdpi | ~480 dpi | 3× | 72 px | 144 px |
| xxxhdpi | ~640 dpi | 4× | 96 px | 192 px |
tvdpi (~213 dpi, 1.33×) lo usan sobre todo algunas TV y tabletas antiguas; Android escala para ella los recursos de otros grupos.
Consejos para diseñadores y desarrolladores
- Diseña a 1× en dp. Trabaja en un marco de 360 dp de ancho (un ancho de teléfono habitual) y exporta a 1.5×, 2×, 3× y 4×.
- Las áreas táctiles deben medir al menos 48 × 48 dp, es decir, 144 × 144 px en una pantalla xxhdpi.
- Usa vector drawables para los iconos siempre que puedas, así un solo archivo se escala a todas las densidades.
- Usa siempre sp para el texto para que quienes amplían el tamaño de fuente del sistema puedan leer tu app. Las versiones recientes de Android escalan los tamaños de texto grandes menos que los pequeños, así que los valores sp muy grandes pueden crecer menos de lo que indica la escala de fuente.
- iOS: el diseño usa puntos; los dispositivos @2x dibujan 2 px por punto y los @3x, 3 px por punto.
Preguntas frecuentes
¿Cómo convierto px a dp?
Divide los píxeles entre el factor de escala de densidad, que es el dpi de la pantalla dividido entre 160: dp = px × 160 ÷ dpi. En una pantalla xxhdpi (480 dpi, 3×), 48 px = 16 dp.
¿Cómo convierto dp a px?
Multiplica por el factor de escala: px = dp × dpi ÷ 160. 24 dp son 18 px en ldpi, 24 px en mdpi, 36 px en hdpi, 48 px en xhdpi, 72 px en xxhdpi y 96 px en xxxhdpi.
¿Qué diferencia hay entre dp y sp?
Ambos equivalen a 1 px a 160 dpi, pero el sp también se multiplica por el ajuste de tamaño de fuente del usuario. Con la escala de fuente predeterminada, 1 sp = 1 dp; con una escala de 1.3, un texto de 16 sp se dibuja a 20.8 dp. Usa sp para el texto y dp para todo lo demás.
¿Cuáles son los grupos de densidad de Android?
ldpi 120 dpi (0.75×), mdpi 160 dpi (1×), tvdpi 213 dpi (≈1.33×), hdpi 240 dpi (1.5×), xhdpi 320 dpi (2×), xxhdpi 480 dpi (3×) y xxxhdpi 640 dpi (4×). Los dispositivos con otras densidades se asignan al grupo más cercano para los recursos.
¿Un dp es lo mismo que un punto de iOS?
Cumplen la misma función: una unidad de diseño independiente de la densidad de píxeles. 1 dp es 1 px en mdpi y 1 pt es 1 px en @1x, así que un botón de iOS de 44 pt y uno de Android de 44 dp tienen aproximadamente el mismo tamaño, aunque las bases no son exactamente idénticas.
¿Por qué mis valores en dp tienen decimales?
Los tamaños en píxeles que no son múltiplos del factor de escala dan dp fraccionarios, por ejemplo 50 px en xxhdpi = 16.667 dp. Los diseñadores suelen elegir primero los valores en dp (a menudo en una cuadrícula de 4 u 8 dp) y exportar los píxeles a partir de ellos.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.