Relación de aspecto
La proporción entre el ancho y la altura de imágenes o vídeo. Esencial para mantener la forma durante el redimensionamiento y el recorte.
La relación de aspecto es la proporción entre el ancho y la altura de una imagen o vídeo. Expresada como "ancho:alto", define la forma como parámetro fundamental en la captura, edición y visualización. La misma relación significa forma idéntica independientemente de la resolución.
Relaciones de aspecto comunes:
- 1:1: Cuadrado. Perfiles de redes sociales, publicaciones de Instagram, iconos
- 4:3: TV tradicional, iPad, cámaras compactas
- 3:2: Estándar de película de 35 mm y cámaras réflex. Corresponde a impresiones de 10x15 cm
- 16:9: Estándar panorámico para televisores, monitores, YouTube
- 21:9: Monitores ultrapanorámicos, CinemaScope cinematográfico
- 9:16: Vertical para smartphones en TikTok, Reels, Shorts
Mantener la relación al redimensionar es crítico - ignorarla causa distorsión. La mayoría de editores ofrecen "bloquear relación de aspecto". Al recortar, especificar la relación objetivo asegura una composición precisa.
En CSS, aspect-ratio establece declarativamente las proporciones de un elemento. Configurar relaciones en contenedores reserva espacio de diseño antes de la carga, previniendo CLS y mejorando los Core Web Vitals.