Calculadora de relación de aspecto

Simplifica cualquier ancho × alto en su relación de aspecto, o encuentra la dimensión que falta — en tu navegador.

Cómo usar

  1. Escribe un ancho y un alto en píxeles — o haz clic en un preajuste como Full HD, 4K, Story 9:16 o el tamaño de miniatura de YouTube.
  2. Lee la relación simplificada, su nombre común, el valor decimal y la declaración CSS aspect-ratio lista para pegar.
  3. Cambia al segundo modo para hacerlo al revés: introduce una relación como 16:9 más una dimensión y la que falta se rellena sola.

Sobre esta herramienta

Una relación de aspecto no es más que el ancho de una imagen dividido por su alto, expresado con los números enteros más pequeños posibles. Esta calculadora encuentra esos números dividiendo ambos lados por su máximo común divisor, calculado con el algoritmo de Euclides: 1920 y 1080 comparten un divisor de 120, así que 1920×1080 se reduce a 16:9. Hacerlo al revés es igual de útil — le das una relación y una dimensión y te devuelve la otra, que es el cálculo detrás de cualquier tarea de «redimensionar sin deformar».

La herramienta también nombra el resultado, y es honesta sobre la distancia entre los nombres comerciales y las matemáticas reales. Algunas relaciones son exactas: 1920×1080, 2560×1440 y 3840×2160 son todas genuinamente 16:9. Otras no. El popular «21:9» ultrapanorámico es una etiqueta de marketing — un monitor de 2560×1080 es en realidad 64:27 y uno de 3440×1440 es 43:18, ambos a un 2% aproximadamente de un 21:9 real. Cuando la relación simplificada no coincide exactamente con una estándar, el resultado muestra primero los números reales y después apunta al nombre común más cercano con el tamaño de la diferencia, más el equivalente cinematográfico cuando cae en 1.85:1 o en el scope anamórfico de 2.39:1.

En la práctica esto importa en tres sitios. En vídeo, las especificaciones de entrega se escriben como relaciones y no como resoluciones, y los codificadores suelen querer dimensiones de píxel pares, así que la herramienta avisa cuando el resultado es impar. En las redes sociales, cada superficie espera su propio marco: 1:1 y 4:5 para publicaciones de feed, 9:16 para Stories, Reels y Shorts, 16:9 para YouTube y su miniatura de 1280×720. En CSS, la moderna propiedad aspect-ratio permite que un contenedor mantenga su forma a cualquier ancho — la calculadora te imprime la declaración, lista para pegar. Toda la aritmética se ejecuta 100% en tu navegador; nada de lo que escribes se envía a ninguna parte.

La fórmula

Relación simplificada = ancho ÷ MCD : alto ÷ MCD, donde MCD es el máximo común divisor de los dos números (algoritmo de Euclides). Dimensión que falta: alto = ancho × alto de la relación ÷ ancho de la relación, y ancho = alto × ancho de la relación ÷ alto de la relación. Ejemplo: MCD(1920, 1080) = 120 → 16:9; a 16:9, un ancho de 1280 da un alto de 1280 × 9 ÷ 16 = 720.

Preguntas frecuentes

¿Cómo se calcula una relación de aspecto?

Divide el ancho y el alto por su máximo común divisor. Para 1920×1080 el MCD es 120, lo que da 16:9 — la misma relación que 1280×720 y 3840×2160, ya que todos son múltiplos de la misma forma.

¿Por qué 2560×1080 muestra 64:27 en vez de 21:9?

Porque 64:27 son las matemáticas exactas y «21:9» es un nombre comercial redondeado para pantallas ultrapanorámicas. Los dos se separan un 1.6% aproximadamente, por eso la herramienta muestra primero la relación real y a su lado el nombre común.

¿Qué relación debo usar en redes sociales?

Usa 9:16 para Stories, Reels, Shorts y TikTok, 1:1 o 4:5 para las publicaciones del feed de Instagram, y 16:9 para los vídeos de YouTube y sus miniaturas de 1280×720. Tienes un preajuste para cada uno a un clic.

¿Cómo lo uso en CSS?

Aplica la propiedad aspect-ratio al contenedor — la calculadora imprime la declaración exacta, por ejemplo aspect-ratio: 16 / 9. El elemento mantiene entonces su forma a cualquier ancho, lo que elimina el viejo truco del padding-top en porcentaje.

¿Por qué mi resultado tiene que ser un número par?

La mayoría de códecs de vídeo submuestrean el croma en bloques de 2×2, así que codificadores como H.264 exigen ancho y alto pares y rechazan o rellenan en silencio las dimensiones impares. La herramienta te avisa cuando una dimensión calculada sale impar.

¿Las dimensiones que escribo salen de mi navegador?

No. Todo el cálculo es JavaScript puro ejecutándose en tu dispositivo — los números nunca se suben, ni se registran, ni se almacenan en ninguna parte.

Herramientas relacionadas

¿Enlaces largos? Acórtalos gratis

Vai.la convierte cualquier URL en un enlace corto con estadísticas de clics, código QR y tu propio biolink.

Vai.la no se hace responsable del uso de las herramientas ni de las decisiones tomadas a partir de sus resultados.