Calculadora de Relación de Aspecto: Entender proporciones ancho-alto
Domina las relaciones de aspecto para video, imágenes y diseño responsive.
La relación de aspecto es la relación proporcional entre ancho y alto. 16:9 es el lenguaje universal de las pantallas modernas.
Entender las relaciones de aspecto previene los errores de diseño más comunes: imágenes estiradas, video con barras negras y contenedores responsive rotos.
Qué es la relación de aspecto
Una relación de aspecto expresa la relación proporcional entre ancho y alto como dos enteros separados por dos puntos.
Herramienta gratuita Calculadora de Relación de Aspecto Calcula dimensiones y convierte entre relaciones de aspecto al instanteRatios comunes (16:9, 4:3, 9:16, 1:1, 21:9)
16:9 es el estándar para video HD y YouTube. 4:3 es el antiguo estándar televisivo. 9:16 es el retrato móvil. 1:1 es cuadrado. 21:9 para cine.
Calcular dimensiones
Para calcular la altura desde el ancho y la relación: altura = ancho × (altura_ratio / ancho_ratio). Para 16:9 a 1280px: altura = 1280 × (9/16) = 720px.
Herramienta gratuita Conversor de Unidades CSS Convierte entre px, rem, em, vh, vw y másPropiedad CSS aspect-ratio
La propiedad CSS aspect-ratio impone el dimensionamiento proporcional: aspect-ratio: 16 / 9 mantiene la relación 16:9 al cambiar el ancho.
Imágenes y videos responsive
Para embeds de video responsive, envuelve el iframe en un contenedor con aspect-ratio: 16/9.
Formatos de redes sociales
Cada plataforma tiene ratios preferidos: Facebook feed 1.91:1, Instagram feed 4:5 o 1:1, Instagram Story 9:16, YouTube thumbnail 16:9.
Herramienta gratuita Conversor PX a REM Convierte valores de píxeles a unidades rem para diseño responsive