ES

Calculadora de relación de aspecto

Escribe el ancho y el alto en píxeles (o en cm, pulgadas…): la calculadora simplifica la relación de aspecto y muestra su valor decimal y la proporción estándar más cercana. Si indicas un nuevo ancho o alto, calcula el lado que falta para redimensionar sin deformar.

px
px
px
Déjalo vacío si solo necesitas la proporción.
Tus datos se guardan solo en este navegador.

Resultado

Relación de aspecto (simplificada)
16:9
Nuevas medidas
1280 × 720 px
Valor decimal (ancho ÷ alto)
1,778 : 1
Proporción estándar
exactamente 16:9
CSS
aspect-ratio: 16 / 9;
Misma proporción en anchos habituales
AnchoAlto¿Píxeles enteros?
640 px360 pxsí
1080 px608 pxredondeado
1280 px720 pxsí
1920 px1080 pxsí
2560 px1440 pxsí
3840 px2160 pxsí

Cómo se calcula

Cómo se calcula la relación de aspecto

La relación de aspecto es el ancho entre el alto, simplificada con el máximo común divisor (MCD). Ejemplo 1920 × 1080: el MCD de 1920 y 1080 es 120. 1920 ÷ 120 = 16 y 1080 ÷ 120 = 9, es decir, 16:9. El valor decimal es 1920 ÷ 1080 = 1,778 : 1.

Calcular el lado que falta

Para escalar una imagen o un video de forma proporcional se usa la regla de tres: nuevo alto = nuevo ancho × alto ÷ ancho. En 1920 × 1080 con un nuevo ancho de 1280 resulta 1280 × 1080 ÷ 1920 = 720, o sea, 1280 × 720 px. Al revés: nuevo ancho = nuevo alto × ancho ÷ alto. Si no sale un número entero de píxeles, la calculadora redondea y muestra el valor exacto.

Relaciones de aspecto habituales

La proporción estándar más cercana se obtiene con la menor distancia relativa. Así se ve, por ejemplo, que 1366 × 768 (simplificado 683:384) es prácticamente 16:9.

Relación de aspecto en CSS

Con aspect-ratio: 16 / 9; un elemento conserva su proporción al escalar: útil para videos, tarjetas y marcadores de imagen, así la página no salta al cargar. La propiedad está definida en el módulo CSS Box Sizing Level 4 y la admiten todos los navegadores actuales.

¿Qué herramienta para cada pregunta?

Esta calculadora resuelve preguntas generales de proporción. Las medidas exactas para Instagram, YouTube y demás están en medidas de imágenes para redes sociales; la resolución de tu propia pantalla la muestra resolución de pantalla.

Preguntas frecuentes

¿Cómo calculo la relación de aspecto?

Divide el ancho y el alto entre su máximo común divisor. 1920 × 1080: MCD 120, por tanto 16:9. 1080 × 1350: MCD 270, por tanto 4:5.

¿Qué alto tiene 16:9 con 1280 píxeles de ancho?

1280 × 9 ÷ 16 = 720 píxeles. Otros tamaños 16:9: 1920 × 1080, 2560 × 1440 y 3840 × 2160.

¿1366 × 768 es realmente 16:9?

Casi: se simplifica a 683:384 y su valor decimal de 1,779 solo supera a 16:9 (1,778) en un 0,05 %. Por eso se vende como 16:9.

¿Qué proporción tiene un monitor «21:9» de 3440 × 1440?

Simplificado, 43:18, es decir, 2,39 : 1. «21:9» es una etiqueta comercial; un 21:9 exacto sería 2,33 : 1. 2560 × 1080 equivale a 64:27 (2,37 : 1).

¿Cómo defino una relación de aspecto en CSS?

Con aspect-ratio: 16 / 9; en el elemento. Si solo fijas el ancho, el navegador calcula el alto.

¿Funciona con centímetros o pulgadas?

Sí. Una proporción no tiene unidad: escribe ambos lados en la misma unidad. Los decimales como 2,35 × 1 se convierten en enteros antes de simplificar (47:20).

Fuentes y base legal

Última actualización:

Herramientas relacionadas