Bhinish Dhiman· Actualizado 5 de octubre de 2026
Por qué los conversores de píxeles a pulgadas no coinciden y cuál es tu respuesta
Traducido del original en inglés. Leer el original
Los conversores no coinciden porque 'píxel' significa tres cosas. Un píxel CSS está fijado en 96 por pulgada; un píxel de una imagen impresa mide 1/ppi de pulgada a la resolución con la que imprimas; el píxel físico de una pantalla varía según el dispositivo. Así que 1920 píxeles son 20 pulgadas en CSS y 6.4 pulgadas a 300 ppi. Usa 96 para hojas de estilos, tu resolución de impresión para papel y la medida de una tarjeta bancaria para el tamaño real en pantalla.
Escribe 1920 píxeles en tres conversores y puedes obtener tres respuestas: 20 pulgadas, 26.67 pulgadas y 6.4 pulgadas. Ninguno se equivocó en la cuenta. Cada uno decidió qué es un píxel, y la mayoría no te dice qué decisión tomó.
Un número, cuatro respuestas
Toda conversión de píxeles a pulgadas es la misma división: pulgadas = píxeles ÷ píxeles por pulgada. Todo el desacuerdo está en el divisor.
| Lo que supone el conversor | Píxeles por pulgada | 1920 px en pulgadas | 1920 px en centímetros |
|---|---|---|---|
| Un píxel CSS | 96 | 20 | 50.8 |
| La antigua cifra de Macintosh | 72 | 26.6667 | 67.7333 |
| Una imagen impresa a 150 ppi | 150 | 12.8 | 32.512 |
| Una imagen impresa a 300 ppi | 300 | 6.4 | 16.256 |
| Un píxel de tu propio monitor | Depende de la pantalla | Desconocido hasta medirlo | Desconocido hasta medirlo |
La respuesta de arriba y la última respuesta conocida difieren en más de cuatro veces (26.6667 ÷ 6.4 = 4.17). Eso no es redondeo. Son tres preguntas distintas que comparten una palabra.
Un píxel son tres cosas distintas
Un píxel CSS es 1/96 de una pulgada CSS, por definición. La especificación CSS Values and Units Level 4 (§6.2, Absolute lengths) fija 1in = 2.54cm = 96px, así que 96 no es un promedio ni un ajuste. Es el divisor correcto para todo lo que se escribe en una hoja de estilos, se define en una herramienta de diseño que genera CSS o se mide en un navegador. La misma sección define el píxel de referencia como el ángulo visual de un píxel a 96 dpi visto a la distancia de un brazo, unos 0.0213 grados a 28 pulgadas nominales.
Un píxel de imagen no tiene tamaño físico hasta que se imprime. Su pulgada es la resolución con la que lo imprimas. La documentación de Adobe sobre Tamaño de imagen (Image Size) con el remuestreo desactivado lo deja muy claro: cambiar la resolución cambia el tamaño impreso y nada más, ni las dimensiones en píxeles, ni el tamaño del archivo, ni cómo se ve la imagen en pantalla.
Un píxel físico es un punto real de una pantalla concreta. Un píxel CSS abarca devicePixelRatio de ellos, que en un teléfono o una laptop de alta densidad son varios. La especificación recomienda que las pantallas anclen sus longitudes al píxel y que la impresión las ancle a unidades físicas. La consecuencia: en papel, una pulgada CSS es una pulgada real; en pantalla, son 96 píxeles CSS, midan lo que midan sobre el vidrio.
De dónde salieron 72 y 96
El Macintosh de 1984 tenía una pantalla de 72 ppi, así que un punto tipográfico (1/72 de pulgada) era exactamente un píxel y lo que veías coincidía con el papel. Windows declaraba pantallas de una densidad más o menos igual como 96 dpi “lógicos”, un tercio más (96 ÷ 72 = 4/3), para que el texto de 10 puntos tuviera suficientes píxeles para ser legible. El equipo de tipografía de Microsoft contó esa historia en “Where does 96 DPI come from in Windows?”, y más tarde CSS adoptó la cifra de Windows como su relación entre píxeles y pulgadas.
El 72 sobrevivió en dos lugares: como valor predeterminado del campo de resolución en los programas de imagen y como la creencia de que 72 dpi es la “resolución web”. Esa creencia nunca fue cierta. Un navegador ignora la resolución guardada en una imagen y dibuja sus píxeles como píxeles CSS, escalados según la relación de píxeles del dispositivo. El campo solo importa cuando el archivo se imprime o se coloca en una maqueta para impresión. Un conversor que divide entre 72 para la web da una respuesta un tercio mayor que la de CSS: 26.6667 ÷ 20 = 1.333.
Lo que suponen los conversores de los resultados de búsqueda
Cuando revisamos los diez primeros resultados de “px to inches” en octubre de 2026, dos patrones cubrían casi todos:
- Una sola fórmula para todo. La página más común afirmaba que 1 pulgada son 96 píxeles “para la web” y luego aplicaba la misma fórmula pulgadas = px ÷ PPI a la web, a la impresión y a los dispositivos por igual, sin distinguir entre píxeles CSS, de imagen y físicos, y sin mencionar
devicePixelRatio. - Valores preestablecidos sin un predeterminado declarado. Otra ofrecía 72, 96 y 300 como opciones y llamaba a 72 o 96 el “estándar histórico” para la web, sin decir cuál estaba usando su resultado.
Los conversores de px a rem revisados al mismo tiempo mostraban la misma costumbre: casi todos suponían una raíz de 16px con una base editable, y ninguno mostraba la cuenta detrás de cada resultado.
Nada de esto es un error de cálculo. Es una premisa no declarada, y el visitante cuya premisa es otra recibe una cifra equivocada dicha con total seguridad. Alguien que va a mandar una imagen de 1920 píxeles a una impresora de 300 ppi y lee “20 pulgadas” acaba de enterarse de que la impresión será más de tres veces más ancha de lo que será en realidad (20 ÷ 6.4 = 3.125).
Cuál es tu respuesta
Si escribes CSS o mides en un navegador: 96
Divide entre 96, siempre. 1920 píxeles CSS son 20 pulgadas CSS. En una hoja de estilos para impresión son pulgadas reales; en un monitor no lo son, y nada en CSS puede hacer que lo sean.
Si mandas una imagen a papel: tu resolución de impresión
Pulgadas = píxeles ÷ ppi, y píxeles necesarios = pulgadas × ppi. 300 ppi es la convención del oficio para impresiones que se miran de cerca; es una convención, no un estándar. Las imprentas suelen decir “dpi” cuando quieren decir ppi. En sentido estricto, PPI son los píxeles por pulgada de una imagen y DPI son los puntos de tinta que pone una impresora, pero cuando te piden una “imagen a 300 dpi” quieren decir 300 píxeles por pulgada.
Si quieres saber qué tan grande se ve algo en tu pantalla: mídelo
Ninguna interfaz web informa del tamaño físico de una pantalla ni de su densidad real. devicePixelRatio da los píxeles físicos por píxel CSS y no dice nada sobre la longitud. Un objeto de tamaño conocido es la única referencia honesta, y la más obvia está en tu cartera: las tarjetas bancarias y la mayoría de las credenciales de identidad miden 85.60 × 53.98 mm según la norma ISO/IEC 7810.
Supón que un rectángulo coincide con el lado largo de una tarjeta a 400 píxeles CSS. 85.60 mm son 3.3701 pulgadas, así que 400 ÷ 3.3701 = 118.7 píxeles CSS por pulgada real, y una pulgada CSS mide 96 ÷ 118.7 = 0.81 pulgadas reales, o 20.5 mm. El zoom del navegador cambia el tamaño de un píxel CSS, así que esa cifra solo vale con el zoom con el que se midió.
Cómo hacerlo en el conversor de píxeles
- Abre el conversor de píxeles y responde su primera pregunta, para qué son los píxeles: “For CSS” (para CSS), “For print” (para imprimir) u “On this screen” (en esta pantalla).
- Escribe el tamaño en “Value” (valor). Un número solo usa la unidad del menú “From” (desde); si escribes también la unidad, como 1920px o 8.5in, el menú se ajusta solo.
- Define lo único de lo que depende la respuesta. Para imprimir, elige 72, 96, 150, 300 o 600, o escribe tu propia resolución al lado, y aparecerá bajo los resultados una tabla de tamaños de papel en píxeles enteros. Para CSS, los campos “Root font size” (tamaño de fuente raíz), “Parent font size” (tamaño de fuente del padre) y “Viewport width” (ancho del viewport) definen la base de rem, em y vw.
- Para “On this screen”, apoya una tarjeta plana sobre el rectángulo que está bajo “Measure this screen with a bank card” (mide esta pantalla con una tarjeta bancaria), con su esquina en la esquina superior izquierda del rectángulo, y ajusta el control deslizante o los botones − y + (medio píxel por pulsación) hasta que los bordes derechos coincidan. En un teléfono angosto, pulsa “Use the short edge” (usar el lado corto) y haz coincidir el lado de 53.98 mm. Hasta que midas, este modo muestra pulgadas CSS, y te pide volver a medir si cambia el zoom.
- Lee las tarjetas de resultados. Cada una muestra su cálculo; a 300 ppi, 1920 píxeles se lee “1920px ÷ 300 = 6.4in (300 px per inch)”. El botón de copiar toma el valor con su unidad incluida.
Otras formas de hacerlo
No hay un conversor integrado en macOS ni en Windows que podamos recomendarte, y los dos primeros significados no lo necesitan: es una sola división en cualquier calculadora, entre 96 para CSS o entre tu resolución de impresión para papel. El tercer significado no tiene ninguna fórmula, porque nada en una página web sabe qué tan grande es la pantalla. Ese hueco es el que llena la tarjeta.
Cómo comprobar que no se envía nada
Los cálculos se hacen en la pestaña. La medición de la pantalla se guarda en el almacenamiento propio de este navegador para que no tengas que repetirla, y no sale de tu dispositivo. Para confirmarlo, abre las herramientas para desarrolladores de tu navegador en la pestaña Network (Red), y luego escribe valores y cambia de modo: no debería aparecer ninguna solicitud nueva.
Empieza por el conversor de píxeles y la pregunta que te hace primero. Para tablas de referencia en las dos direcciones y tamaños de papel en píxeles enteros, consulta píxeles a pulgadas y píxeles a centímetros; para la cuestión del tamaño raíz detrás de rem, consulta px a rem.