Calculadora de densidad de píxeles (PPI)
Calcula los píxeles físicos por pulgada de una pantalla a partir de su resolución nativa y la diagonal de la imagen. Añade otra pantalla para comparar la densidad lineal.
Cómo calcular los PPI de una pantalla
- Introduce los píxeles horizontales y verticales nativos indicados en las especificaciones del panel. No uses la resolución del escritorio escalado ni el tamaño de la ventana del navegador.
- Introduce la diagonal del área activa y elige pulgadas o centímetros. Cambiar la unidad reinterpreta el número introducido, sin convertirlo.
- Consulta los PPI aproximados. Para comparar, activa la segunda pantalla e introduce su resolución, diagonal y unidad. Los detalles muestran el paso de píxel y las dimensiones calculadas del panel.
Qué indica la densidad de píxeles
PPI significa píxeles por pulgada: cuántos píxeles físicos hay a lo largo de una pulgada de pantalla. Es una densidad lineal, no la cantidad total de píxeles del panel.
Con píxeles cuadrados, la diagonal en píxeles es √(anchura² + altura²). Se divide entre la diagonal física en pulgadas. Una diagonal en centímetros se divide primero entre 2,54.
El paso de píxel es la distancia entre los centros de píxeles vecinos: 25,4 dividido entre los PPI da milímetros. La anchura y la altura se calculan a partir de la diagonal y las proporciones de la resolución nativa.
Más PPI concentran más píxeles en la misma longitud física. La distancia de visualización, la vista, la representación de la imagen y otras propiedades del panel también influyen en la nitidez percibida. La calculadora no asigna una nota de calidad.
Ejemplos de cálculo
Una pantalla de 300 × 400 píxeles con diagonal de 5 pulgadas tiene 100 PPI. Su área activa mide aproximadamente 3 × 4 pulgadas y el paso de píxel es de 0,254 mm. Una diagonal de 12,7 cm da el mismo resultado.
Una pantalla de 1920 × 1080 y 24 pulgadas tiene unos 91,79 PPI y un área activa de unas 20,92 × 11,77 pulgadas. Con la misma resolución, una diagonal mayor reduce los PPI.
Una pantalla de 2560 × 1440 y 27 pulgadas tiene unos 108,79 PPI: una densidad lineal un 18,52% mayor que la del ejemplo Full HD de 24 pulgadas. Con 32 pulgadas, esa misma resolución tiene aproximadamente la misma densidad que la primera pantalla.
Supuestos y redondeo
El modelo supone un área activa plana y rectangular con píxeles físicos cuadrados. No corrige píxeles no cuadrados, estructuras de subpíxeles, mediciones de pantallas curvas o plegables, óptica de RV, dimensiones del marco ni DPI de impresoras.
Los PPI y las dimensiones suelen mostrar hasta dos decimales; el paso de píxel, hasta cuatro. Los valores positivos muy pequeños usan el umbral “menos de”; los grandes, hasta seis cifras significativas sin notación científica. Se comparan valores sin redondear; las diferencias inferiores al 0,01% se describen como densidades aproximadamente iguales.
Datos introducidos y copia
El cálculo se realiza en el navegador sin enviar los datos de la pantalla. La herramienta no guarda las entradas ni las añade a la URL. La copia incluye el resultado válido actual y el enlace público; si la segunda pantalla está incompleta, incluye solo la primera. El resto del sitio puede cargar publicidad, analítica y servicios de consentimiento.
Preguntas sobre los PPI de una pantalla
Fuentes
Referencias sobre densidad física, píxeles del navegador y conversión de unidades:
- eizo.euEIZO: densidad, paso de píxel y condiciones de visualización
- developer.mozilla.orgMDN: píxeles físicos, píxeles CSS, devicePixelRatio y zoom
- nist.govNIST B.8: conversión exacta de 1 pulgada a 2,54 centímetros
Revisado el 24 de octubre de 2026.
Las fuentes explican los conceptos y la conversión; no fijan los límites de esta calculadora ni garantizan la nitidez percibida.
Herramientas relacionadas
SVG a PNG
Convierte un archivo SVG local o código pegado en PNG, con dimensiones definidas, transparencia y fuentes incluidas.
Abrir herramienta — SVG a PNGGenerador de filtros CSS
Ordena y repite efectos CSS, compara una muestra y copia la declaración exacta.
Abrir herramienta — Generador de filtros CSSCalculadora de tamaño de fuente fluido
Define el tamaño de fuente para dos anchos de ventana gráfica. Copia el CSS relativo a la raíz y consulta el modelo calculado con los mismos coeficientes exportados.
Abrir herramienta — Calculadora de tamaño de fuente fluidoGenerador de botones CSS
Diseña los estados de un botón nativo, comprueba el foco y copia HTML y CSS.
Abrir herramienta — Generador de botones CSSGenerador CSS de border-radius
Edita ocho radios, previsualiza una caja y copia el CSS en píxeles o porcentajes.
Abrir herramienta — Generador CSS de border-radiusGenerador CSS Grid
Crea un ejemplo de CSS Grid con pistas, ubicación y áreas con nombre. Previsualiza, copia CSS o HTML y descarga el ejemplo completo.
Abrir herramienta — Generador CSS GridGenerador CSS Flexbox
Cree un ejemplo de Flexbox con controles de elementos y contenedores, ejes de diseño explícitos, CSS y HTML coincidentes y una descarga local completa del ejemplo.
Abrir herramienta — Generador CSS FlexboxGenerador CSS de sombras de texto
Crea sombras de texto ordenadas, previsualiza texto plano y copia el CSS exacto.
Abrir herramienta — Generador CSS de sombras de textoGenerador de transformación CSS
Redacte transformaciones CSS 2D repetibles, edite px o porcentaje de traducción y origen, inspeccione un cuadro de referencia y copie las declaraciones actuales exactas.
Abrir herramienta — Generador de transformación CSSGenerador de sombras CSS
Crea capas box-shadow ordenadas, previsualiza el resultado y copia el código CSS.
Abrir herramienta — Generador de sombras CSSMarca de agua en imágenes
Añade texto o un logotipo a las imágenes, revisa los resultados y descarga archivos individuales o un ZIP.
Abrir herramienta — Marca de agua en imágenesGenerador de degradados CSS
Crea degradados lineales o radiales con colores, opacidad y puntos ajustables.
Abrir herramienta — Generador de degradados CSSConversor de colores
Convierte valores sRGB HEX, RGB y HSL compatibles con alfa y precisión explícita.
Abrir herramienta — Conversor de coloresImagen a texto (OCR)
Reconoce texto impreso en PNG o JPEG locales, elige el idioma y revisa o corrige el resultado antes de copiarlo o descargarlo.
Abrir herramienta — Imagen a texto (OCR)Lector de QR desde imagen
Lee un código QR de un PNG o JPEG local y examina el texto o los bytes sin abrir enlaces.
Abrir herramienta — Lector de QR desde imagenComprobador de contraste de colores
Compara los colores del primer plano y del fondo, ajusta la opacidad y comprueba los umbrales numéricos WCAG para texto y detalles esenciales de la interfaz.
Abrir herramienta — Comprobador de contraste de coloresCalculadora de tamaño de impresión y resolución
Calcula el tamaño de impresión, los píxeles necesarios y los PPI efectivos con márgenes o recorte.
Abrir herramienta — Calculadora de tamaño de impresión y resoluciónCalculadora de relación de aspecto
Calcula la relación entre anchura y altura o nuevas dimensiones en píxeles fijando un solo lado.
Abrir herramienta — Calculadora de relación de aspectoCompresor de imágenes
Intenta ajustar un JPEG, PNG o WebP a un tamaño de archivo objetivo, con resultados medidos y reducción opcional de dimensiones.
Abrir herramienta — Compresor de imágenesHEIC a JPG
Convierte fotos HEIC compatibles en copias JPG a tamaño completo, con calidad y fondo ajustables y descargas verificadas individuales o en ZIP.
Abrir herramienta — HEIC a JPGConversor de imágenes
Convierte imágenes PNG, JPEG y WebP localmente, ajusta transparencia, fondo y calidad, y descarga los resultados.
Abrir herramienta — Conversor de imágenesCreador de collages de fotos
Organiza fotos locales en una cuadrícula y descarga un PNG o JPEG.
Abrir herramienta — Creador de collages de fotosGirar y reflejar imágenes
Gira o refleja un lote local de imágenes estáticas PNG, JPEG y WebP; revisa y descarga los resultados procesados.
Abrir herramienta — Girar y reflejar imágenesRecortar imagen
Recorta un JPEG, PNG o WebP local con precisión en píxeles y descarga el resultado en PNG o JPEG.
Abrir herramienta — Recortar imagen