El aspect ratio no es un tamaño fijo, sino la proporción matemática entre el ancho y el alto de una imagen. Por lo tanto, existen muchas medidas en píxeles que comparten la misma proporción.
Proporciones más comunes por red social y uso:
- 1:1 Cuadrado: Ideal para publicaciones en el feed de Instagram, Facebook y fotos de perfil.
- 16:9 Horizontal / Panorámico: El estándar para videos de YouTube, televisión y cine.
- 9:16 Vertical: Diseñado para el consumo móvil en TikTok, Instagram Reels, YouTube Shorts y Stories.
- 4:3 y 3:4 Retratos y Fotografía tradicional: Formato clásico de cámaras DSLR y la cámara nativa de muchos smartphones.
Cómo configurar el Aspect Ratio en Elementor
Para establecer una relación de aspecto en Elementor, puedes hacerlo directamente desde las opciones de los widgets -como Imágenes o Videos- o utilizando contenedores.
Método 1: En el widget de Imagen -Ajuste de tamaño y proporción
- Arrastra el widget de Imagen a tu contenedor.
- Selecciona la imagen desde tu biblioteca.
- En el panel lateral izquierdo, ve a la pestaña Estilo.
- Despliega las opciones de Tamaño (puedes hacer clic en Mostrar más si algunas opciones están ocultas).
- En la opción Relación de aspecto (Aspect Ratio), elige la proporción que deseas (1:1, 16:9, 9:16, etc.).
- Paso clave para evitar deformaciones: Justo debajo, en Ajuste de objeto (Object Fit), selecciona Cubrir (Cover). Esto hará que la imagen se adapte perfectamente al nuevo formato sin estirarse ni aplastarse.
Consejo Pro (Para Contenedores Flexbox/Grid)
Si quieres usar CSS para que un contenedor mantenga una proporción fija (por ejemplo, un banner 16:9), ve a los ajustes del Contenedor > Estilo > CSS personalizado y añade:
CSS
selector {
aspect-ratio: 16 / 9;
}