Volver al blog

Chuleta de conversión de píxeles — px a mm/cm/pulgadas en cada DPI común

Screen Ruler TeamApril 28, 202611 min read
pixel conversion cheat sheetpx to mm tablepixel to inch tabledpi conversion chart

Una referencia práctica para diseñadores, desarrolladores, fotógrafos y cualquiera que mueva contenido entre píxeles digitales e impresión física. Copia estas tablas, guarda esta página o abre el Conversor de píxeles cuando necesites un valor que no esté en la tabla.

Las tablas de abajo asumen el estándar 1 pulgada = 25,4 mm y píxeles = pulgadas × DPI. Si tu medio usa un DPI no listado, introduce el número en la opción DPI personalizado del conversor para una respuesta inmediata.

1. Píxeles a milímetros en DPI comunes

La conversión más solicitada. ¿Cuántos milímetros cubre un número dado de píxeles a una resolución de salida determinada?

Pixels 72 DPI 96 DPI (web) 150 DPI 300 DPI (print) 600 DPI
1 0.35 0.26 0.17 0.085 0.042
10 3.53 2.65 1.69 0.85 0.42
50 17.64 13.23 8.47 4.23 2.12
100 35.28 26.46 16.93 8.47 4.23
250 88.19 66.15 42.33 21.17 10.58
500 176.39 132.29 84.67 42.33 21.17
800 282.22 211.67 135.47 67.73 33.87
1000 352.78 264.58 169.33 84.67 42.33
1920 677.33 508.00 325.12 162.56 81.28
2400 846.67 635.00 406.40 203.20 101.60

Cómo leer la tabla: a 96 DPI (píxeles CSS de la web), 100 píxeles equivalen a unos 26 mm —aproximadamente el ancho de una moneda de 25 centavos de EE. UU. A 300 DPI para impresión, esos mismos 100 píxeles son apenas unos 8 mm —más o menos el ancho de la uña de un meñique. La misma cantidad de píxeles, 3× más pequeño en impresión porque los puntos están más densamente empaquetados.

2. Píxeles a pulgadas en DPI comunes

Las mismas conversiones en pulgadas, para especificaciones de impresión de EE. UU./Reino Unido y empaques de productos.

Pixels 72 DPI 96 DPI 150 DPI 300 DPI 600 DPI
72 1.0000 0.7500 0.4800 0.2400 0.1200
96 1.3333 1.0000 0.6400 0.3200 0.1600
150 2.0833 1.5625 1.0000 0.5000 0.2500
300 4.1667 3.1250 2.0000 1.0000 0.5000
600 8.3333 6.2500 4.0000 2.0000 1.0000
1024 14.2222 10.6667 6.8267 3.4133 1.7067
1920 26.6667 20.0000 12.8000 6.4000 3.2000
3000 41.6667 31.2500 20.0000 10.0000 5.0000
6000 83.3333 62.5000 40.0000 20.0000 10.0000

Patrón diagonal: cuando la cantidad de píxeles iguala al DPI, obtienes exactamente 1 pulgada —esa es la definición de DPI. 96 px @ 96 DPI = 1 pulgada; 300 px @ 300 DPI = 1 pulgada.

3. Milímetros a píxeles — objetivos de impresión

Para cuando la especificación de la imprenta viene en milímetros y necesitas saber qué tamaño de píxel proporcionar.

Target size (mm) 150 DPI 300 DPI 600 DPI
10 59 118 236
25 148 295 591
50 295 591 1181
100 591 1181 2362
150 886 1772 3543
210 1240 2480 4961
297 1754 3508 7016

Por qué 210 y 297: son los lados corto y largo del papel A4. Así que una impresión A4 a página completa a 300 DPI necesita 2480 × 3508 px —aproximadamente 8,7 megapíxeles de datos fuente. La mayoría de las cámaras de móvil modernas te cubren sobradamente.

4. Pulgadas a píxeles — tamaños de impresión comunes

Tamaños estándar de fotos y productos impresos convertidos al estándar habitual de imprenta de 300 DPI.

Size (inches) Pixels (300 DPI)
4 × 6 (postcard) 1200 × 1800
5 × 7 1500 × 2100
8 × 10 2400 × 3000
8.5 × 11 (US Letter) 2550 × 3300
11 × 14 3300 × 4200
13 × 19 3900 × 5700
16 × 20 4800 × 6000
20 × 30 6000 × 9000
24 × 36 (poster) 7200 × 10800
30 × 40 9000 × 12000

Comprobación de realidad de la cámara: una cámara de 24 MP (6000 × 4000 px) imprime de forma nativa a 300 DPI hasta unas 20 × 13,3 pulgadas. Más allá de eso, estás haciendo upsampling —aceptable para impresiones vistas de lejos, pero no para trabajo nítido de galería.

5. Resoluciones de pantalla comunes en unidades físicas (96 DPI)

Para cuando estás comparando tamaños de viewport del navegador con distancias del mundo real.

Resolution Width (mm) Width (inches) Use case
320 px 84.67 3.33 Old phone portrait viewport (CSS reference)
375 px 99.22 3.91 iPhone X-style portrait viewport
768 px 203.20 8.00 iPad portrait viewport
1024 px 270.93 10.67 iPad landscape / older laptop
1280 px 338.67 13.33 Common laptop
1440 px 381.00 15.00 Larger laptop
1920 px 508.00 20.00 Full HD desktop
2560 px 677.33 26.67 QHD monitor
3840 px 1016.00 40.00 4K monitor (at 100% scaling)

Advertencia sobre el escalado de pantalla: un monitor 4K con escalado del SO al 200 % muestra 3840 px como visualmente equivalente a 1920 px en una pantalla de 1080p —así que el ancho físico para el usuario es más cercano a 50 cm, no a 100. Los píxeles CSS y la suposición de 96 DPI ya manejan esto; la tabla refleja lo que dicen las matemáticas puras.

6. Referencia rápida de PPI por dispositivo (densidad física real)

Cuando mides un dispositivo real con una regla física, el PPI efectivo es mucho mayor que 96. Esto es lo que los fabricantes realmente empaquetan en la pantalla —útil al calibrar la medición física 1:1 en una pantalla específica.

Device Resolution Physical size Real PPI
iPhone 16 Pro 2622 × 1206 6.3 inch diag 460
iPhone 15 / 14 2556 × 1179 6.1 inch diag 460
iPhone SE (3rd gen) 1334 × 750 4.7 inch diag 326
Samsung Galaxy S24 Ultra 3120 × 1440 6.8 inch diag 505
iPad Pro 12.9 (M4) 2752 × 2064 13 inch diag 264
iPad Air 2360 × 1640 11 inch diag 264
MacBook Pro 14 (M4) 3024 × 1964 14.2 inch diag 254
MacBook Air 13 (M3) 2560 × 1664 13.6 inch diag 224
Dell UltraSharp 27" 4K 3840 × 2160 27 inch diag 163
24" 1080p monitor 1920 × 1080 24 inch diag 92
27" 1440p monitor 2560 × 1440 27 inch diag 109

Por qué importa esto: cuando CSS pide 1in de ancho, el navegador dibuja 96 píxeles CSS sin importar el PPI real. En un iPhone de 460 PPI, eso es aproximadamente 460/96 ≈ 4,8 píxeles físicos por píxel CSS. El escalado HiDPI se gestiona solo; no necesitas hacer esa cuenta a mano. Pero si estás calibrando una pantalla para mostrar mediciones físicas 1:1, sí necesitas el PPI real —ahí entran la Base de datos de especificaciones de dispositivos y Screen Ruler.

7. Chuleta de unidades CSS (solo web)

Para trabajo web, varias unidades de longitud CSS son equivalentes a 96 DPI:

CSS unit Pixels (96 DPI) Notes
1px 1 The CSS reference pixel
1pt 1.333 Typographic point (used in print CSS)
1pc 16 12 points
1in 96 Inch
1cm 37.795 Centimeter
1mm 3.7795 Millimeter
1em varies Equal to current font-size — defaults to 16 px
1rem varies Equal to root font-size — defaults to 16 px

Por qué esto rara vez aparece: la mayoría del CSS en producción está en px, rem o %. Las unidades físicas (mm, cm, in) son sobre todo para hojas de estilo de impresión (@media print). Cuando las veas, la conversión es puramente la tabla de arriba.

8. DPI para flujos de trabajo comunes

Una lista plana de "qué DPI debería usar" para los medios de salida más habituales.

Workflow DPI Justification
Web design (CSS, HTML, app UI) 96 Browser/OS standard. Always.
Mobile app design 96 Same as web — Retina is handled separately as @2x/@3x assets
Print proofs, A2/A1 large-format 150 Detail is fine at viewing distance
Magazines, books, brochures 300 Industry standard for press output
Photo prints (4×6 to 16×20) 300 Standard photo lab default
Photo prints (gallery, fine art) 300–600 Higher for close inspection
Line art, technical drawings 600 Crisp edges at any zoom
Screen-printed apparel 300 DPI doesn't matter as much; vector preferred
Billboard / outdoor 30–50 Viewing distance is far; pixels can be large
Architectural drawings 600 Fine line work
LCD signage 96 or device-specific Treat as a screen, not print

9. Atajos mentales rápidos

Para cuando no tienes el conversor abierto:

  • 96 px ≈ 1 pulgada. Divide a la mitad para media pulgada (48 px), duplica para 2 pulgadas (192 px).
  • 1 mm ≈ 4 px a 96 DPI (técnicamente 3,78). Útil para verificar márgenes a ojo.
  • 1 cm = 37 o 38 px a 96 DPI. Mismo truco a mayor escala.
  • A 300 DPI, 1 mm ≈ 12 px. Así que un logo de 50 mm tiene ~600 px de ancho para impresión de alta calidad.
  • El papel A4 a 300 DPI es aproximadamente 2500 × 3500 px —fija ese dato y escala desde ahí.
  • 6000 px son "20 pulgadas a 300 DPI" —el techo del tamaño de impresión nativo de una foto de 24 MP.

10. Cuando la chuleta no basta

Estas tablas cubren el 95 % de los casos. Para el 5 % restante —DPI no estándar, tamaños de papel exóticos, pantallas de quiosco con dimensiones físicas inusuales— abre el Conversor de píxeles y usa la opción DPI personalizado para introducir el valor que necesitas. Las matemáticas son las mismas; solo cambian las constantes.

Y cuando necesites verificar contra un objeto físico en tu pantalla concreta —guarda Screen Ruler para poder acercar una tarjeta de crédito al monitor y confirmar la calibración.

Relacionados

Artículos relacionados