Calculadora de relación de aspecto
Introduce un ancho y un alto para conocer su relación de aspecto simplificada, o fija una proporción y calcula la dimensión que falta para redimensionar imágenes, vídeos o elementos web sin deformarlos.
Al cambiar el ancho se recalcula el alto con la proporción indicada, y viceversa.
Cómo usar la calculadora
- Calcular ancho o alto: elige una proporción (con los botones o escribiéndola) y escribe el ancho; el alto aparece al momento, y viceversa.
- Averiguar la proporción: cambia de modo y escribe ancho y alto en píxeles. Verás la relación simplificada, su valor decimal y el formato estándar más cercano.
Los resultados en píxeles se redondean al entero más cercano y se indica si el resultado es exacto. Para vídeo conviene usar dimensiones pares, ya que muchos códecs (como H.264 con submuestreo 4:2:0) las exigen.
Fórmulas
Relación = (ancho ÷ MCD) : (alto ÷ MCD)
Alto = ancho × proporción_alto ÷ proporción_ancho · Ancho = alto × proporción_ancho ÷ proporción_alto
Es una regla de tres directa: si 16 de ancho corresponden a 9 de alto, 1280 corresponden a 720. Simplificar la relación es lo mismo que simplificar una fracción dividiendo entre el máximo común divisor.
Ejemplos
- 1920 × 1080 → MCD 120 → 16:9 (1,78:1).
- Miniatura 16:9 de 640 px de ancho → alto = 640 × 9 ÷ 16 = 360 px.
- Vídeo vertical 9:16 de 1080 px de ancho → alto = 1080 × 16 ÷ 9 = 1920 px.
- 1440 × 900 → MCD 180 → 8:5, que suele llamarse 16:10.
- Una foto de 6000 × 4000 → 3:2, la proporción habitual de las cámaras réflex y sin espejo.
Proporciones y resoluciones habituales
| Proporción | Decimal | Resoluciones típicas | Uso |
|---|---|---|---|
| 16:9 | 1,78 | 1280×720, 1920×1080, 2560×1440, 3840×2160 | Televisión, YouTube, monitores |
| 16:10 (8:5) | 1,6 | 1280×800, 1440×900, 1920×1200, 2560×1600 | Portátiles y monitores de oficina |
| 4:3 | 1,33 | 640×480, 1024×768, 1600×1200 | Tabletas, televisión antigua, presentaciones |
| 3:2 | 1,5 | 3000×2000, 6000×4000 | Fotografía, algunos portátiles |
| 21:9 (64:27) | 2,37 | 2560×1080, 3440×1440 (≈ 2,39) | Monitores ultrapanorámicos, cine |
| 9:16 | 0,56 | 1080×1920 | TikTok, Reels, Shorts, historias |
| 4:5 | 0,8 | 1080×1350 | Publicación vertical de Instagram |
| 1:1 | 1 | 1080×1080 | Publicaciones cuadradas, avatares |
| 1,91:1 | 1,91 | 1200×630 | Imágenes al compartir enlaces (Open Graph) |
Relación de aspecto en CSS
En diseño web, la propiedad aspect-ratio: 16 / 9; reserva el espacio de imágenes, vídeos e iframes antes de que carguen y evita saltos de contenido (CLS). También puedes indicar width y height en la etiqueta <img>: el navegador calcula la proporción a partir de ellos. Si luego necesitas escalar tamaños de texto y espaciado, el conversor de px a rem te ayuda; y para aplicar las nuevas dimensiones a una foto, usa redimensionar imagen o recortar imagen si la proporción original es distinta.
Preguntas frecuentes
¿Cómo se calcula la relación de aspecto?
Divide el ancho y el alto entre su máximo común divisor. Para 1920 × 1080, el MCD es 120: 1920 ÷ 120 = 16 y 1080 ÷ 120 = 9, así que la relación es 16:9.
¿Cómo calculo el alto para un ancho dado manteniendo 16:9?
Alto = ancho × 9 ÷ 16. Por ejemplo, para 1280 px de ancho: 1280 × 9 ÷ 16 = 720 px.
¿Qué relación de aspecto usan Instagram y TikTok?
TikTok, Reels e historias usan 9:16 vertical (1080 × 1920). Las publicaciones del feed de Instagram admiten de 1,91:1 a 4:5; el formato vertical 4:5 (1080 × 1350) es el que ocupa más pantalla.
¿Por qué 2560 × 1080 se llama 21:9 si no es exacto?
Su proporción real es 64:27 (2,37:1). «21:9» es un nombre comercial para los monitores ultrapanorámicos; 3440 × 1440 tampoco es exacto (43:18, unos 2,39:1).