Saltar al contenido

Conversor de CM a PX

cm → px
96

px = cm × DPI ÷ 2.54

Los resultados se redondean a un máximo de seis decimales.

Por Bogdan Sandu (EN) · Publicado · Última actualización

Este convertidor de CM a PX transforma centímetros en píxeles al instante según la configuración de DPI que elijas. Los diseñadores y desarrolladores cambian constantemente entre unidades para impresión y pantalla. Esta herramienta facilita ese proceso.

Características clave:

  • DPI-conversión compatible: elige entre ajustes preestablecidos comunes como 72, 96, 150 y 300 DPI
  • Conversión inversa: cambia de dirección para convertir px de nuevo a cm
  • Valores de referencia comunes: una tabla incorporada de tamaños estándar para una búsqueda rápida
  • Copiar resultado: obtenga el resultado con un clic

Ya sea que esté preparando recursos para imprimir o haciendo coincidir valores de CSS píxeles con una especificación física, la conversión precisa de unidades es importante. Sin conjeturas, sin cálculos manuales. De uso gratuito, no es necesario registrarse.


Cómo utilizar este convertidor de CM a PX

Elige una pastilla DPI en la parte superior del convertidor de arriba (96 para web, 300 para impresión o 72 y 150 para trabajos antiguos y borradores), luego escriba un valor en centímetros. El resultado en píxeles y la fórmula en vivo se actualizan a medida que escribe. Presiona el botón de intercambio para ejecutar px nuevamente a cm y use la tabla de valores de referencia comunes para A4, tarjetas de presentación y otros tamaños estándar en el DPI seleccionado.

Sin conocer los DPI (puntos por pulgada) de tu medio, el resultado no tiene sentido. Dos pantallas pueden mostrar la misma cantidad de píxeles en tamaños físicos completamente diferentes. El convertidor se utiliza diariamente en diseño web (EN), preparación de impresión y creación de prototipos de interfaz de usuario.


La fórmula de conversión de CM a PX

La conversión no es una proporción fija. Depende completamente de la densidad de píxeles de tu medio objetivo:

px = cm ÷ 2.54 × DPI

Hay exactamente 2.54 centímetros en una pulgada, por lo que cada cálculo de cm a píxel pasa por pulgadas como unidad puente. Los centímetros se convierten primero a pulgadas (dividiendo por 2.54), luego el valor en pulgadas se multiplica por el objetivo DPI o PPI. No existe ningún atajo. Siempre necesitas DPI.

Las tres partes, desglosadas:

  • cm, la longitud de entrada con la que estás comenzando
  • 2.54, el número constante de centímetros en una pulgada
  • DPI, el valor de densidad que decide cuántos píxeles caben en esa pulgada

Ejemplo resuelto: toma 5 cm en 96 DPI. Divida 5 entre 2.54 para obtener aproximadamente 1.97 pulgadas, luego multiplique por 96. El resultado es 188.98 px. Lo mismo 5 cm en 300 DPI es 5 ÷ 2.54 × 300 = 590.55 px. Mismo tamaño físico, recuentos de píxeles muy diferentes, porque la pulgada es el ancla fija y el recuento de píxeles no.

Esta es también la razón por la que cuántos píxeles caben en una pulgada (EN) es realmente una pregunta equivocada por sí sola. La respuesta solo existe una vez que se le asigna un valor DPI.

PX a CM: la fórmula inversa

En el sentido contrario, primero divide por DPI y luego multiplica por 2.54:

cm = px ÷ DPI × 2.54

  • 100 px en 96 DPI → 2.65 cm
  • 1920 px en 96 DPI → 50.8 cm
  • 1181 px en 300 DPI → 10 cm

El botón de intercambio en el convertidor de arriba ejecuta esta dirección. Para obtener un conjunto más completo de tablas resueltas en centímetros, usa el convertidor dedicado de px a cm.


Tablas de conversión de CM a PX

Busque valores en las cuatro configuraciones DPI que ofrece el convertidor. En 96 DPI, 1 cm = 37.8 px; en 300 DPI, 1 cm = 118.11 px.

Al 96DPI (Estándar Web)

CentímetrosPíxeles
0.1 cm3.78 px
0.2 cm7.56 px
0.3 cm11.34 px
0.4 cm15.12 px
0.5 cm18.90 px
0.6 cm22.68 px
0.7 cm26.46 px
0.8 cm30.24 px
0.9 cm34.02 px
1 cm37.80 px
1.5 cm56.69 px
2 cm75.59 px
2.5 cm94.49 px
3 cm113.39 px
3.5 cm132.28 px
4 cm151.18 px
4.5 cm170.08 px
5 cm188.98 px
6 cm226.77 px
7 cm264.57 px
8 cm302.36 px
9 cm340.16 px
10 cm377.95 px
12 cm453.54 px
15 cm566.93 px
17 cm641.86 px
20 cm755.91 px
21 cm793.70 px
25 cm944.88 px
29.7 cm1122.52 px
30 cm1133.86 px
35 cm1322.83 px
40 cm1511.81 px
50 cm1889.76 px

A 300 DPI (Estándar de impresión)

CentímetrosPíxeles
0.1 cm11.81 px
0.2 cm23.62 px
0.3 cm35.43 px
0.5 cm59.06 px
1 cm118.11 px
1.5 cm177.17 px
2 cm236.22 px
2.5 cm295.28 px
3 cm354.33 px
4 cm472.44 px
5 cm590.55 px
6 cm708.66 px
7 cm826.77 px
8 cm944.88 px
9 cm1062.99 px
10 cm1181.10 px
12 cm1417.32 px
15 cm1771.65 px
17 cm2007.87 px
20 cm2362.20 px
21 cm2480.31 px
25 cm2952.76 px
29.7 cm3507.87 px
30 cm3543.31 px
35 cm4133.86 px
40 cm4724.41 px
50 cm5905.51 px

A 150 DPI (Borrador de impresión)

CentímetrosPíxeles
1 cm59.06 px
2 cm118.11 px
3 cm177.17 px
5 cm295.28 px
10 cm590.55 px
15 cm885.83 px
20 cm1181.10 px
21 cm1240.16 px
29.7 cm1753.94 px
30 cm1771.65 px
40 cm2362.20 px
50 cm2952.76 px

A 72 DPI (Pantalla heredada)

CentímetrosPíxeles
0.5 cm14.17 px
1 cm28.35 px
1.5 cm42.52 px
2 cm56.69 px
2.5 cm70.87 px
3 cm85.04 px
4 cm113.39 px
5 cm141.73 px
6 cm170.08 px
7 cm198.43 px
8 cm226.77 px
9 cm255.12 px
10 cm283.46 px
15 cm425.20 px
20 cm566.93 px
30 cm850.39 px

Las filas 21 cm y 29.7 cm son los dos lados de una hoja A4: 794 × 1123 px en 96 DPI, 2480 × 3508 px en 300 DPI.


¿Qué es un convertidor de CM a PX?

Un conversor de CM a PX es una pequeña herramienta de cálculo que convierte una medida en centímetros en su valor de píxel correspondiente, utilizando la resolución de pantalla o de impresión como factor de conversión.

Pertenece a la misma familia que otros convertidores de unidades, pero necesita un ingrediente adicional que los demás no necesitan: un punto de referencia de puntos por pulgada o píxeles por pulgada.

Sin esa referencia, los centímetros y los píxeles no pueden comunicarse entre sí. Un centímetro es una longitud física fija. Un píxel no lo es, en realidad no.

Lo que lo diferencia de un convertidor de longitud genérico:

  • Requiere una entrada DPI o PPI antes de poder producir un número
  • La salida cambia según el medio de destino (pantalla o impresión)
  • Une una unidad física y una unidad dependiente de la resolución, no dos unidades físicas.

Pregunte qué significa px (EN) y obtendrá la raíz del problema: es la abreviatura de elemento de imagen, una unidad vinculada a la resolución de un dispositivo en lugar de a una regla.

Esa es la razón por la que este convertidor existe como su propia categoría de herramienta, separada de algo que simplemente cambia centímetros por pulgadas.

Cómo DPI y PPI cambian la relación CM a PX

DPI y PPI deciden la relación entre una longitud física y su recuento de píxeles, y cambiar cualquiera de ellos cambia el resultado de toda la fórmula.

Dpi significa puntos por pulgada y se aplica a la salida de impresión. Ppi significa píxeles por pulgada y se aplica a las pantallas.

Se usan casi indistintamente en una conversación informal. Pero una impresora deposita puntos de tinta mientras una pantalla ilumina píxeles, por lo que los dos términos describen procesos físicos diferentes incluso cuando las matemáticas detrás de ellos son idénticas.

La propia especificación de valores y unidades CSS (EN) del W3C fija el píxel CSS a una referencia fija: un dispositivo a 96 ppp, donde 1px equivale a 1/96 de pulgada, o aproximadamente 0,26 mm.

Valores de referencia utilizados en trabajos web e impresos:

  • 96 ppp, el CSS y el diseño web general predeterminado
  • 150 ppp, una configuración de impresión de nivel medio para carteles y carteles de gran formato
  • 300 ppp, el piso estándar para impresión nítida de fotografías y documentos
  • 326 ppi, la densidad que Apple presentó con su primer teléfono con pantalla clase Retina

Ejecute el mismo 5 cm en los cuatro y la salida de píxeles pasará de 189 a 295, a 591 y aproximadamente a 642. No hay ningún ppp que sea objetivamente correcto.

Sólo existe el que coincide con el lugar donde van a terminar los píxeles.

Por qué el mismo valor en centímetros produce diferentes resultados de píxeles en todas las pantallas

Un centímetro nunca cambia. El tamaño físico de un píxel sí lo es, por lo que la misma conversión puede verse completamente diferente de una pantalla a otra.

Relación de píxeles del dispositivo es el culpable. Describe cuántos píxeles de hardware reales se empaquetan en el espacio de un solo CSS (EN) píxel.

En una pantalla estándar, esa relación es de 1:1. En una pantalla de alta densidad, sube a 2:1 o 3:1, lo que significa que dos o tres píxeles físicos hacen el trabajo de uno.

La pantalla Retina original de Apple en el iPhone 4 (EN) se entregaba a 326 píxeles por pulgada, aproximadamente el doble de la densidad de las pantallas de los teléfonos anteriores. Ese único cambio es suficiente para hacer que valores cm idénticos se representen en tamaños visiblemente diferentes.

Tres variables se apilan una encima de la otra aquí:

  • Tamaño físico de la pantalla, medido en pulgadas o centímetros.
  • Resolución nativa, el recuento de píxeles sin procesar que admite el panel
  • Densidad de píxeles (EN), que es lo que se obtiene una vez que se combinan el tamaño y la resolución

El escalado del sistema operativo agrega una cuarta capa encima. Tanto Windows como macOS aplican sus propios factores de escala en hardware de alta densidad. Dos pantallas con resoluciones nativas idénticas aún pueden mostrar un valor cm convertido en diferentes tamaños visuales.

CM, MM, pulgadas y PX comparados para trabajos de diseño

Elegir entre cm, mm, pulgadas y px se reduce a una pregunta: ¿la salida va a una pantalla o al papel?

Cm, mm y pulgadas son unidades físicas. Significan lo mismo en todas las reglas, en todas partes, independientemente del dispositivo que los muestre.

Px no es físico. Su tamaño depende completamente de la densidad de la pantalla que lo muestra, razón por la cual se necesita un convertidor en primer lugar.

UnidadBase fisicaUso típicoDependiente de la pantalla
centímetroFijo, métricoDiseños de impresión, embalaje.No
milímetroFijo, métricoDetalle de letra pequeña, líneas de troquelNo
pulgadasFijo, imperialEstándares de impresión de EE. UU., diagonales de pantallaNo
PíxelBasado en resoluciónDiseños web, diseño de interfaz de usuario.Sí

El trabajo de impresión se basa en cm y mm porque el papel no cambia de tamaño dependiendo de lo que se reproduce. Esa es también la lógica detrás de ISO 216 (EN), el estándar que fija A4 en 210 × 297 mm en todos los lugares donde se imprime.

Cualquiera que convierta valores en la otra dirección puede ejecutar los mismos cálculos mediante un convertidor de px a pulgadas, que es la misma fórmula resuelta para la unidad opuesta.

Saber cuántos milímetros hay en una pulgada (EN) también es importante aquí, ya que es la misma constante 2.54 que se encuentra debajo de cada una de estas conversiones.

Qué configuración DPI utilizar para diseño web, de impresión y Retina

La configuración de ppp no es una preferencia personal. Está dictado por dónde se verán los píxeles.

Diseño web y UI

96 ppp es el valor predeterminado para los navegadores, CSS y el trabajo de interfaz de usuario estándar; 1 cm = ~37.8 px.

Es el valor incorporado en el píxel de referencia CSS, por lo que construir en cualquier otra cosa significa luchar contra la plataforma en lugar de trabajar con ella.

  • Coincide con la línea base propia de la especificación CSS
  • Mantiene la matemática del diseño predecible en pantallas normales.
  • Es el valor predeterminado más seguro cuando se desconoce el dispositivo de visualización final

72 ppp es el estándar heredado más antiguo de las primeras pantallas de Mac. Todavía aparece en algunas configuraciones de exportación, pero rara vez es la opción correcta para cualquier cosa creada hoy.

Salida de impresión estándar

300 ppp es el mínimo para cualquier cosa impresa y vista de cerca; 1 cm = ~118 px.

La Iniciativa de Directrices de Digitalización de Agencias Federales (EN) trata 300 ppp como punto de referencia para capturar del 80 al 90 por ciento de los detalles visibles de un documento original durante el escaneo de archivos.

Tarjetas de visita, folletos e impresiones fotográficas se encuentran en esta gama. Caiga debajo y el ojo comenzará a captar puntos individuales a una distancia de lectura normal. 150 ppp cubre resultados de menor calidad, como periódicos, pruebas de borrador y carteles de gran formato vistos desde lejos.

Pregunte en su imprenta cuál es el requisito DPI antes de realizar la conversión. No asumas 300 cada vez.

La diferencia entre las dos disciplinas se trata con más profundidad en la página que compara dpi y ppi (EN) directamente. Un desglose más completo del número de impresión se encuentra en la página de referencia 300 ppp (EN).

Retina y pantallas de alta densidad

326 ppp y más: pantallas para celulares y tabletas diseñadas para una visualización cercana. La relación de píxeles del dispositivo (EN) (DPR) significa que un CSS píxel se asigna a 2 o 3 píxeles físicos, mientras que la resolución lógica todavía usa 96 ppp como base.

Diseñe a 1x, exporte a 2x o 3x: el flujo de trabajo común para enviar activos que se mantienen nítidos en paneles densos.

Si no se alcanza este objetivo, las imágenes se verán suaves junto al texto circundante, aunque no haya nada incorrecto en el valor cm utilizado para crearlas.

Conversión de CM a PX en Photoshop, Illustrator, Figma y Canva

No todas las herramientas de diseño tratan esta conversión de la misma manera, y las diferencias son importantes una vez que un archivo tiene que moverse entre ellas.

Photoshop y Illustrator

Ambas herramientas vinculan la conversión a una configuración de resolución a nivel de documento.

Configure el archivo en 300 ppp y cada valor cm ingresado se convertirá usando ese número. Cámbielo a 72 o 96 más tarde y el arte existente no se volverá a calcular automáticamente.

  • Ventajas: control manual total sobre los ppp utilizados para cada elemento
  • Ventajas: acepta entradas directas cm y mm para flujos de trabajo nativos de impresión
  • Contras: las discrepancias en la resolución entre documentos provocan errores de tamaño silenciosos

Figma y Sketch

La propia documentación de Figma (EN) muestra claramente que la unidad de medida predeterminada de la plataforma es el píxel, y los diseños y componentes se especifican en px en todo momento.

No hay entrada nativa de centímetros. Cualquiera que entregue una especificación de impresión en cm debe ejecutar la conversión antes de ingresar un solo número.

  • Ventajas: el flujo de trabajo nativo de píxeles coincide con la forma en que los navegadores realmente representan los diseños
  • Ventajas: elimina el riesgo de discrepancia de resolución que conllevan las herramientas de impresión primero
  • Contras: no hay una ruta integrada para cm o mm, por lo que el trabajo impreso necesita un paso de cálculo independiente

Canva

Canva se encuentra entre los dos enfoques. Acepta una entrada cm directa en tamaños de lienzo personalizados (EN) y la convierte internamente antes de renderizar el diseño.

La compensación se manifiesta en la exportación.

  • Ventajas: permite al usuario escribir un tamaño real sin hacer los cálculos primero
  • Contras: da menos visibilidad sobre qué valor de ppp se está ejecutando realmente detrás de escena

Cualquiera que exporte un lienzo Canva o Figma a una hoja de especificaciones de impresión puede revertir el proceso con un convertidor px a cm en lugar de recalcularlo manualmente.

Cómo convertir CM a PX paso a paso

Convertir un valor cm en píxeles siempre sigue el mismo orden de operaciones, independientemente de qué herramienta termine haciendo los cálculos.

Si salta un paso, el número final resultará incorrecto, generalmente porque el objetivo de ppp se seleccionó después del cálculo en lugar de antes.

  • Paso 1: Confirme primero el medio de destino, pantalla o impresión, ya que eso decide qué valor de ppp o ppp se aplica
  • Paso 2: Elija el número de ppp exacto para ese medio (96 para web estándar, 300 para impresión, 326 o superior para un objetivo de retina)
  • Paso 3: Divida el valor cm por 2.54 para convertirlo en pulgadas
  • Paso 4: Multiplique el valor en pulgadas por el ppp elegido para obtener el recuento de píxeles
  • Paso 5: Redondear al píxel entero más cercano, ya que una pantalla no puede representar una fracción

Un encabezado de pancarta de 10 cm creado para una tirada de impresión de 300 ppp se convierte en aproximadamente 1181 píxeles.

En su lugar, ejecute los mismos 10 cm a 96 ppp y bajará a aproximadamente 378 píxeles. Misma longitud física, dos salidas completamente diferentes, porque la elección de ppp ocurrió antes de las matemáticas, no después.

CM a PX en CSS: unidades absolutas frente a relativas

El CSS Módulo de Valores y Unidades (EN) fija la relación entre unidades absolutas en 1in = 2.54cm = 96px = 72pt = 6pc, por lo que cm y px nunca son independientes entre sí dentro de una hoja de estilo.

Las unidades relativas no funcionan de esa manera. Su salida de píxeles depende de algo más en la página, no de una tabla de conversión fija.

Tipo de unidadEjemplosDepende deLo mejor para
absolutocm, mm, en, pt, pxUna proporción fija entre síImprima hojas de estilo, tamaño preciso
relativoem, rem, vw, vhTamaño de fuente o dimensiones de la ventana gráficaDiseños fluidos y responsivos

La mayoría de los navegadores establecen el tamaño de fuente raíz en 16px de forma predeterminada, razón por la cual 1rem equivale silenciosamente a 16px hasta que alguien lo cambia.

Escribir width: 5cm directamente en una hoja de estilo técnicamente funciona, ya que CSS unidades absolutas lo admiten. El navegador todavía lo muestra como un recuento fijo de píxeles bajo el capó.

Ese recuento fijo no se ajusta cuando la ventana (EN) cambia de tamaño, que es exactamente la brecha que media queries (EN) y las unidades relativas existen para cerrar.

Errores comunes al convertir CM a PX

Valor de referencia incorrecto: usar 96 ppp para un archivo que se dirige a una impresora, o 300 ppp para algo que solo aparecerá en una pantalla.

Tratar px como físico: suponiendo que un elemento de 500px siempre medirá lo mismo en una regla, cuando su tamaño físico cambia con la densidad de píxeles de cada dispositivo.

Ignorar el redondeo del navegador: Los navegadores basados en WebKit aplican una proporción fija de 96 píxeles por pulgada a cada unidad absoluta, mientras que Gecko históricamente ha intentado igualar los ppp físicos reales de la pantalla. Referencia de longitud de MDN (EN) documenta el ancla de 96px por pulgada y el hecho de que las unidades absolutas solo se asignan a tamaños físicos en medios impresos.

Ese desacuerdo entre los motores de renderizado significa que exactamente el mismo valor cm en exactamente la misma hoja de estilo puede renderizarse en anchos de píxeles ligeramente diferentes dependiendo del navegador que lo abra.

Errores de redondeo compuesto: un pequeño píxel fraccionario se redondea una vez y luego ese número redondeado se utiliza como entrada para un segundo cálculo. La deriva se acumula en un gran lienzo.

La mayoría de estos errores se remontan a la misma causa raíz. Quien configuró el archivo no verificó el número con una prueba de compatibilidad entre navegadores (EN) antes de enviarlo. O asumieron que un valor de píxel fijo se comportaría de manera consistente en el tipo de diseños flexibles en torno a los cuales se construye el diseño responsivo (EN).

Cuando no se aplica la conversión de CM a PX

Una conversión de cm a px supone una resolución objetivo fija. Si se elimina esa suposición, todo el cálculo dejará de significar nada.

Los formatos vectoriales lo evitan por completo. La propia especificación SVG (EN) del W3C describe el formato como una descripción de un gráfico independiente de la resolución, no una cuadrícula de píxeles. En primer lugar, no existe un valor único px al que convertir.

  • Un ícono SVG (EN) se escala limpiamente en cualquier tamaño porque nunca estuvo vinculado a un recuento de píxeles
  • El trabajo de la interfaz de usuario entre dispositivos no puede usar un valor px convertido, ya que el mismo número se ve diferente en cada densidad de pantalla en la que aparece.
  • Un trabajo de impresión sin ppp finales confirmados hace que cualquier cifra de píxeles sea provisional hasta que ese número se bloquee.
  • Los diseños fluidos a menudo necesitan unidades relativas en lugar de píxeles (EN), ya que una conversión fija anula el objetivo de un diseño que se supone debe ser flexible.

Nada de esto hace que la fórmula sea errónea. Simplemente significa que la fórmula solo se cumple dentro de una resolución específica y conocida. En el momento en que la resolución no es fija, tampoco lo es el valor de píxel que produce.

Preguntas frecuentes: Conversor de CM a PX

¿Cuál es la diferencia entre un CSS píxel y un píxel físico?

Un píxel CSS es una unidad de referencia fija que los navegadores usan para definir el diseño y equivale aproximadamente a 1/96 de pulgada. Un píxel físico es un punto real del hardware de la pantalla. Las pantallas de alta densidad agrupan dos o tres píxeles físicos en un píxel CSS; de ahí surge la relación de píxeles del dispositivo.

¿Es un píxel una unidad física fija?

No. El tamaño físico de un píxel depende completamente de la resolución y densidad de una pantalla. El mismo número de píxeles se vuelve más grande en un monitor de baja densidad y más pequeño en uno de alta densidad, a diferencia de un centímetro o una pulgada, que nunca cambian.

¿Cuántos píxeles hay en 1 cm a 96 ppp?

Un centímetro equivale aproximadamente a 37.8 píxeles a 96 ppp, redondeando a 38 px, ya que los navegadores no pueden representar un valor fraccionario. Esa cifra se escala directamente desde la línea base del píxel de referencia de 96 ppp hasta un solo centímetro.

¿El zoom del navegador afecta la conversión de CM a PX?

Zoom cambia lo que ve un usuario, no la conversión subyacente. Los navegadores escalan visualmente los CSS píxeles renderizados, pero el valor px calculado a partir de una entrada fija cm y ppp permanece igual en la hoja de estilo.

¿Existe un único valor universal de CM a PX?

Ningún valor único se aplica en todas partes. El resultado siempre depende del objetivo de ppp o ppp elegido, por lo que la misma longitud física produce un recuento de píxeles diferente en cada densidad de pantalla a la que apunta el convertidor.

¿Qué debe comprobar antes de confiar en el resultado del convertidor CM a PX?

Un resultado de convertidor de CM a PX se mantiene solo cuando el objetivo de ppp, la escala de exportación y el motor de renderizado coinciden con el dispositivo en el que aparecerán realmente los píxeles. De lo contrario, el número parece correcto y se muestra incorrecto en cualquier otro lugar.

Tres controles detectan la mayoría de los desajustes antes de que lleguen a producción.

  • Confirma que el objetivo de ppp o ppi coincida con el medio de salida
  • Haz coincidir la escala de exportación con la proporción de píxeles del dispositivo
  • Pruebe el resultado renderizado en más de un motor de renderizado

Un valor construido en la referencia 96dpi CSS necesita una escala cercana a 3.4x para mantenerse nítido en un panel de retina de 326ppi. Ninguna cifra indica esa proporción por sí sola.

Los diseños fluidos que necesitan escalar entre dos valores de píxeles en lugar de un número fijo se manejan mejor con una calculadora de clamp CSS, que detecta exactamente donde una conversión fija deja de ser suficiente.