Calculadora de Relación de Aspecto - Imagen y Video Online
Calcula relaciones de aspecto para imágenes y videos. Redimensiona manteniendo proporciones con presets (16:9, 4:3, 1:1) y cálculo responsivo.
Preguntas Frecuentes
¿Qué es una relación de aspecto?
Una relación de aspecto es la relación proporcional entre el ancho y la altura de una imagen, vídeo o pantalla. Se expresa como dos números separados por dos puntos (por ejemplo, 16:9), donde el primer número representa el ancho y el segundo la altura. Las relaciones de aspecto más comunes incluyen 16:9 (pantalla ancha HD), 4:3 (TV tradicional) y 1:1 (cuadrado). Comprender las relaciones de aspecto es fundamental para redimensionar imágenes sin distorsión y asegurar que el contenido se muestre correctamente en diferentes pantallas y plataformas.
¿Cómo uso esta calculadora de relación de aspecto?
Introduce el ancho y la altura de tu imagen o vídeo en los campos de entrada. La herramienta calcula y muestra instantáneamente la relación de aspecto simplificada (por ejemplo, 16:9), la relación decimal y la orientación. Para establecer dimensiones rápidamente, haz clic en un botón de preajuste de relación (16:9, 4:3, 1:1, etc.) o usa los preajustes de plataforma para YouTube, Instagram, TikTok y más. Cambia a la pestaña Redimensionar para escalar proporcionalmente las dimensiones existentes a un tamaño objetivo.
¿Mis datos están seguros? ¿Se envía algo a un servidor?
Todos los cálculos se realizan 100% en el lado del cliente en tu navegador usando JavaScript. No se transmite ningún dato de dimensiones, imágenes ni ninguna otra información a ningún servidor. Esta herramienta funciona completamente sin conexión una vez cargada, lo que la hace segura para usar con especificaciones de proyectos confidenciales y dimensiones de medios propietarios.
¿Cuál es la diferencia entre 16:9 y 1.78:1?
Representan la misma relación de aspecto en diferentes formatos. "16:9" es la relación de enteros simplificada, mientras que "1.78:1" (más precisamente 1.7778:1) es la representación decimal obtenida al dividir 16 entre 9. El formato de enteros (16:9) se usa comúnmente en medios de consumo y especificaciones de pantallas, mientras que el formato decimal se usa más en cine y producción de vídeo profesional (por ejemplo, 2.35:1 para pantalla ancha anamórfica).
¿Cómo calculo la altura si conozco el ancho y la relación de aspecto?
Usa la fórmula: altura = ancho × (altura de la relación / ancho de la relación). Por ejemplo, para una relación 16:9 con un ancho de 1920: altura = 1920 × (9/16) = 1080. Esta calculadora automatiza este proceso: simplemente introduce 1920 como ancho después de seleccionar el preajuste 16:9, y la altura de 1080 se calcula automáticamente.
¿Qué relación de aspecto debo usar para vídeos de YouTube?
YouTube recomienda 16:9 (pantalla ancha) para vídeos estándar, con resoluciones comunes de 1920×1080 (1080p), 2560×1440 (1440p) y 3840×2160 (4K). Los YouTube Shorts usan 9:16 (vertical) a 1080×1920. La plataforma agrega automáticamente letterboxing si tu vídeo no coincide con 16:9, por lo que usar la relación correcta evita las barras negras.
¿Cómo funciona la simplificación por GCD (Máximo Común Divisor)?
La herramienta simplifica las relaciones encontrando el Máximo Común Divisor del ancho y la altura, y luego dividiendo ambos por él. Por ejemplo, 1920×1080: GCD(1920, 1080) = 120, por lo que 1920/120 = 16 y 1080/120 = 9, dando una relación de 16:9. Algunas dimensiones pueden producir relaciones simplificadas inusuales (por ejemplo, 1366×768 se simplifica a 683:384); en estos casos, la herramienta también muestra la relación estándar más cercana.
Ejemplos de Código
// Aspect Ratio Calculator in JavaScript
// Calculate GCD using Euclidean algorithm
function gcd(a, b) {
a = Math.abs(Math.round(a));
b = Math.abs(Math.round(b));
while (b) {
[a, b] = [b, a % b];
}
return a;
}
// Calculate aspect ratio from width and height
function calculateAspectRatio(width, height) {
if (width <= 0 || height <= 0) {
throw new Error('Width and height must be positive numbers');
}
const divisor = gcd(width, height);
return {
ratioWidth: width / divisor,
ratioHeight: height / divisor,
decimal: +(width / height).toFixed(4),
label: `${width / divisor}:${height / divisor}`,
};
}
// Calculate missing dimension
function calculateMissingDimension(ratioW, ratioH, knownDimension, type) {
if (type === 'width') {
return Math.round((knownDimension * ratioW) / ratioH);
} else {
return Math.round((knownDimension * ratioH) / ratioW);
}
}
// Scale dimensions proportionally
function scaleDimensions(originalW, originalH, targetW, targetH) {
if (targetW) {
const factor = targetW / originalW;
return { width: targetW, height: Math.round(originalH * factor), factor };
}
if (targetH) {
const factor = targetH / originalH;
return { width: Math.round(originalW * factor), height: targetH, factor };
}
}
// Example usage
const ratio = calculateAspectRatio(1920, 1080);
console.log(ratio);
// { ratioWidth: 16, ratioHeight: 9, decimal: 1.7778, label: "16:9" }
const height = calculateMissingDimension(16, 9, 2560, 'height');
console.log(`2560 x ${height}`);
// "2560 x 1440"
const scaled = scaleDimensions(1920, 1080, 1280, null);
console.log(`${scaled.width} x ${scaled.height} (${(scaled.factor * 100).toFixed(1)}%)`);
// "1280 x 720 (66.7%)"