Calculadora Relación Aspecto

¿Cómo Funciona la Fórmula?

La calculadora de relación de aspecto funciona en cuatro modos: simplificar dimensiones a su ratio (1920×1080 → 16:9), encontrar ancho faltante, encontrar alto faltante, o escalar dimensiones proporcionalmente. La relación de aspecto es la relación proporcional entre ancho y alto; determina la forma de pantallas, imágenes, vídeos e impresiones. Un ratio incorrecto causa contenido estirado, comprimido o recortado. Esta calculadora usa MCD (Máximo Común Divisor) para simplificación exacta. Los términos de la relación pueden llevar decimales, así que 2,39:1 se escribe tal cual; los píxeles son números enteros y el lado que falta se redondea al píxel más cercano.

Proporciones de Resoluciones Conocidas

Resoluciones de tamaños muy distintos pueden tener la misma forma. 1280×720, 1920×1080, 2560×1440, 3840×2160 y 7680×4320 se simplifican a 16:9, y 1920×1200 a 8:5, que es la misma forma que 16:10. Algunos nombres están redondeados: 2560×1080 se simplifica a 64:27, unos 2,37:1, mientras que 21:9 son unos 2,33:1. La casilla Decimal ayuda a comparar: 16:9 aparece como 1,7778 y 21:9 como 2,3333.

Redimensionar sin Distorsión

Cambiar solo el ancho o solo el alto de una imagen la estira. El modo Escalar conserva la forma: con 1920×1080 como tamaño original y 800 como nuevo ancho, el alto resulta 450. Rellene solo uno de los dos lados nuevos; si ambos están llenos, la calculadora le pide vaciar uno, porque el segundo lado se deduce de la proporción. Encajar una imagen en un marco de otra forma siempre tiene un coste: una imagen 4:3 de 1600 píxeles de ancho mide 1200 de alto, pero un marco 16:9 del mismo ancho solo mide 900, así que hay que recortar una cuarta parte de la altura.

Bandas Negras: Letterbox y Pillarbox

Cuando una imagen y una pantalla tienen formas distintas y no se recorta nada, unas bandas rellenan el hueco. Una imagen 2,39:1 mostrada a todo el ancho de una pantalla 16:9 ocupa alrededor del 74% de la altura (1,7778 ÷ 2,39 ≈ 0,744) y deja bandas arriba y abajo; es lo que se llama letterbox. Una imagen 4:3 mostrada a toda la altura de la misma pantalla ocupa el 75% del ancho (1,3333 ÷ 1,7778 = 0,75), con bandas a los lados; es el pillarbox. Encontrar Alto da la altura exacta: a 2,39:1, una imagen de 1920 píxeles de ancho mide 803 de alto.

Diseño Web y CSS

La propiedad CSS aspect-ratio fija directamente la proporción de una caja, por ejemplo aspect-ratio: 16 / 9. La técnica anterior se basaba en el padding porcentual, que CSS calcula sobre el ancho del bloque contenedor: un padding-bottom del 56,25% da una caja 16:9 porque 9 ÷ 16 = 0,5625. La casilla Decimal muestra el ancho dividido por el alto, y 100 dividido por ese número da el mismo porcentaje (100 ÷ 1,7778 ≈ 56,25).

Fotografía y Formato

El tamaño en píxeles de una foto indica su forma: 6000×4000 se simplifica a 3:2 y 5184×3888 a 4:3. Los tamaños de impresión se comprueban igual, escribiéndolos como números enteros: 20×25 cm se simplifica a 4:5. Una foto 3:2 no cabe en 4:5 sin recorte. Impresa con 20 cm en el lado corto, el lado largo mide 30 cm, así que 5 de esos 30 cm, una sexta parte de la imagen, quedan fuera de una copia de 20×25 cm.

Base Matemática: MCD

Para simplificar se usa el MCD (Máximo Común Divisor). El algoritmo de Euclides divide el mayor por el menor repetidamente. MCD(1920,1080): 1920÷1080 da resto 840, 1080÷840 da resto 240, 840÷240 da resto 120, 240÷120 da resto 0 → MCD=120 → 16:9. Algunos tamaños no simplifican limpiamente; 1366×768 da MCD=2 → 683:384, cerca de 16:9 pero no igual (1,7786 frente a 1,7778).

Escalar para Varios Formatos

Si la misma imagen debe entregarse en varias formas, elija un ancho y use Encontrar Alto una vez por cada proporción. Con 1080 píxeles de ancho, 1:1 necesita 1080 píxeles de alto, 4:5 necesita 1350 y 9:16 necesita 1920. Mantenga el motivo principal lejos de los bordes que recortarán los formatos más bajos.