Convierte pulgadas a píxeles (y viceversa) con DPI ajustable para web e impresión.
Tabla de referencia (a 96 DPI)
| Pulgadas | Píxeles (96 DPI) | Uso habitual |
|---|---|---|
| 1" | 96 px | Pulgada web base |
| 2" | 192 px | Fotografía pequeña |
| 4" | 384 px | Miniatura / set de iconos |
| 8,5" | 816 px | Ancho de Carta US |
| 11" | 1056 px | Alto de Carta US |
| 17" | 1632 px | Pantalla de escritorio típica |
| 24" | 2304 px | Ancho de monitor grande |
Cómo funciona el DPI
Por qué 96 DPI es el valor por defecto en la web
En la web, 1 pulgada CSS se define exactamente como 96 píxeles. Es una convención fija de la especificación CSS y no tiene relación con la densidad física de píxeles del monitor. Los navegadores traducen `1in` en CSS a 96 px sin importar el tamaño de pantalla.
Ejemplo: un documento Carta US de 8,5" de ancho corresponde a 816 px en una maquetación CSS (8,5 × 96 = 816 px).
Por qué la impresión usa 300 DPI (y 72 DPI es heredado)
El DPI de impresión mide los puntos de tinta por pulgada sobre el papel. 300 DPI es la referencia del sector para impresión con calidad de revista: las imágenes se ven nítidas a la distancia normal de lectura. Por debajo de 150 DPI, los píxeles se notan en el papel.
72 DPI proviene de las primeras pantallas Macintosh de los años 80, cuando 1 píxel físico equivalía a 1 punto tipográfico. Persiste en software gráfico heredado (valores por defecto antiguos de Photoshop), pero ya no refleja el hardware moderno. Para exportar para web usa 96 DPI; para entregables de imprenta usa 300 DPI.
Preguntas frecuentes
¿Cuántos píxeles son 1 pulgada?
En el estándar web de 96 DPI, 1 pulgada equivale a 96 píxeles. A 72 DPI (pantalla heredada) son 72 px. A 300 DPI (calidad de impresión) son 300 px. La fórmula siempre es píxeles = pulgadas × DPI.
¿Qué DPI debo usar para imágenes web?
Usa 96 DPI para maquetaciones CSS y mockups HTML. Al exportar imágenes (PNG, JPG, WebP), el metadato de DPI es en gran medida cosmético: lo que importa son las dimensiones en píxeles. Una imagen de 1200×800 px se muestra igual sea cual sea el valor de DPI incrustado.
¿Qué DPI debo usar para impresión?
300 DPI es el estándar para impresión de alta calidad (folletos, revistas, libros de fotos). 150 DPI sirve para pruebas de impresión o grandes carteles vistos a distancia. 600 DPI se utiliza para reproducción de arte y diagramas técnicos detallados.
¿Cómo convierto píxeles de vuelta a pulgadas?
Divide los píxeles entre el DPI: pulgadas = píxeles ÷ DPI. Ejemplo: 1920 px ÷ 96 DPI = 20 pulgadas de ancho CSS; 1920 px ÷ 300 DPI = 6,4 pulgadas al imprimir a 300 DPI. Usa la pestaña "px → pulgadas" para el cálculo inmediato.
¿Cuál es la diferencia entre DPI y PPI?
PPI (píxeles por pulgada) describe pantallas digitales y archivos de imagen: cuántos píxeles caben en una pulgada de visualización. DPI (puntos por pulgada) describe impresoras: cuántos puntos de tinta colocan por pulgada. En software cotidiano (Photoshop, Figma, cuadros de exportación) los términos se usan indistintamente y la matemática de conversión es idéntica.
¿El DPI afecta a las unidades de píxel CSS?
No. Los píxeles CSS son una unidad lógica fijada en 96 px por pulgada CSS, independiente del DPI físico de la pantalla. Un device pixel ratio (DPR) de 2 en una pantalla Retina significa que 1 píxel CSS equivale a 2 píxeles físicos, pero la pulgada CSS sigue equivaliendo a 96 píxeles CSS: el navegador gestiona el escalado automáticamente.
Esta herramienta convierte pulgadas a píxeles y píxeles a pulgadas aplicando la fórmula píxeles = pulgadas × DPI. Elige el DPI (72 para pantallas antiguas, 96 para la web, 150 para borradores, 300 para impresión de calidad, 600 para alta resolución) o introduce un valor personalizado. El resultado muestra también la medida equivalente en centímetros y milímetros, útil para maquetación, diseño gráfico y preparación de archivos de imprenta. Ejemplo: 1 pulgada a 96 DPI equivale a 96 px; 8,5 pulgadas (ancho de una hoja Carta US) a 96 DPI dan 816 px, mientras que a 300 DPI para impresión son 2550 px. Cambia entre los modos in → px y px → in con las pestañas y copia el resultado con un solo clic.