Conversor de cm a px Píxeles Diseño Web Resolución DPI: También mm, Pulgadas y Puntos

Qué es y para quién

El conversor de cm a px aplica la relación que define la resolución: una pulgada son 2,54 cm y contiene tantos píxeles como DPI hayas fijado. Con esa regla convierte entre cm, mm, pulgadas, píxeles y puntos tipográficos, que es justo la traducción que falta cuando un documento de diseño habla en centímetros y el navegador o la imprenta trabajan en píxeles.

Lo usan diseñadores web que reciben maquetas en medidas físicas, quien prepara imágenes para imprimir sin perder calidad, y cualquiera que configure un documento y no quiera memorizar la tabla de equivalencias a cada resolución.

Cómo se usa

Escribe el valor, elige la unidad de origen y la de destino y fija la resolución: 72 DPI para pantalla clásica, 96 para la pantalla estándar de CSS, 150 para impresión doméstica y 300 para impresión profesional. Al convertir a píxeles, la tabla inferior muestra además cuánto medirán esos píxeles en papel a cada resolución habituales, que es la comprobación que evita sorpresas al imprimir.

Ejemplo resuelto

Una foto de 5 cm a 300 DPI necesita 5 / 2,54 × 300 = 590,6 px de ancho: si tu imagen tiene menos, la imprenta la estirará y perderá nitidez. En dirección contraria, un banner de 1920 px pensado a 96 DPI ocupará 50,8 cm físicos si se imprime tal cual a esa resolución, mientras que a 300 DPI el mismo archivo solo cubre 16,3 cm con calidad plena. El dato que manda siempre es la pareja medida + DPI, nunca uno solo de los dos.

Casos de uso

• Preparar imágenes para imprenta: calcula los píxeles exactos que exige un tamaño en cm a 300 DPI antes de exportar.
• Diseño web: traduce las medidas físicas de un briefing a píxeles CSS coherentes.
• Documentos y presentaciones: pasa de puntos tipográficos a píxeles al exportar gráficos.
• Fotografía: averigua el tamaño máximo de copia en papel de un archivo sin reescalar.

Limitaciones y consejos

La conversión es matemática y exacta, pero su interpretación depende del medio: en una página web, el navegador usa el píxel CSS de referencia (96 por pulgada) y la densidad real de la pantalla solo afecta a la nitidez, no al tamaño. En impresión sí manda el DPI del archivo. Consejo práctico: trabaja siempre desde el archivo más grande y reduce; convertir «hacia arriba» no crea detalle, solo píxeles interpolados. Y si una imprenta te pide «300 DPI», comprueba también las medidas en cm, porque la exigencia real es el producto de ambas.

Preguntas frecuentes

¿A cuántos píxeles equivale 1 cm?

Depende de la resolución: a 96 DPI son 37,8 px; a 72 DPI, 28,35 px; a 300 DPI, 118,11 px. Sin DPI, la pregunta no tiene respuesta única.

¿Qué DPI uso para una web?

El estándar CSS es 96 DPI: las medidas en px de tu hoja de estilos ya viven en ese sistema. Para pantallas retina se sirven imágenes al doble de píxeles, pero el tamaño de presentación es el mismo.

¿Y los puntos (pt) de los procesadores de texto?

Un punto es 1/72 de pulgada. Un texto a 12 pt mide 12/72 de pulgada de alto nominal, que a 96 DPI son 16 px. El conversor los incluye como unidad de origen y destino.

¿El resultado vale para pantallas de móvil?

Vale como conversión física, pero los móviles modernos tienen densidades de 300-460 PPI reales mientras el CSS sigue contando a 96 por pulgada lógica; por eso un mismo diseño «mide» igual en CSS y se ve más nítido, no más grande.