cv.cm

Conocimientos · Imágenes y archivos

¿Qué es la relación de aspecto?

4 min de lectura

Respuesta corta

La relación de aspecto es la proporción entre el ancho y el alto de una imagen, escrita con dos números como 16:9 o 4:3. Describe la forma, no el tamaño: 1920 × 1080 y 1280 × 720 son ambos 16:9. Para mantener la proporción al redimensionar, calcula el nuevo alto como nuevo ancho × alto ÷ ancho; en 16:9 con 1200 píxeles de ancho, salen 675 píxeles de alto.

Abrir Relación de aspecto

Relaciones de aspecto habituales y dónde se usan

RelaciónDecimalTamaño de ejemplo (px)Uso típico
1:11.001080 × 1080Publicaciones cuadradas en redes, fotos de perfil
4:50.801080 × 1350Publicaciones verticales en el feed de redes sociales
4:31.331600 × 1200Fotos de cámara de teléfono, televisores antiguos, tabletas
3:21.506000 × 4000Fotos de réflex y sin espejo, copias de 4 × 6
16:91.781920 × 1080Video HD y 4K, monitores, presentaciones
9:160.561080 × 1920Video vertical, historias, clips cortos
21:9 (comercial)aprox. 2.372560 × 1080Monitores ultrapanorámicos
2.39:12.394096 × 1716Cine panorámico
1:√20.712480 × 3508Tamaños de papel ISO como A4

La relación 16:9 se convirtió en el estándar de la HDTV a través de ITU-R BT.709, que define imágenes de 1920 × 1080 y 1280 × 720. La 3:2 procede del fotograma de 36 × 24 mm de la película de 35 mm.

Cómo averiguar la relación de cualquier imagen

Divide el ancho y el alto entre su máximo común divisor (MCD).

  1. Toma el tamaño en píxeles, por ejemplo 1920 × 1080.
  2. Busca el mayor número que divide a ambos: 120.
  3. Divide: 1920 ÷ 120 = 16 y 1080 ÷ 120 = 9, así que la relación es 16:9.

Algunos tamaños solo se aproximan a una relación conocida. Una pantalla de portátil de 1366 × 768 se reduce a 683:384, que es 1.779, y se vende como 16:9. Un monitor «21:9» de 2560 × 1080 es exactamente 64:27. Comparar decimales (ancho ÷ alto) suele ser más fácil que comparar fracciones.

Calcular un nuevo tamaño sin deformar

Mantén la proporción escalando ambos lados por el mismo factor. Dos fórmulas cubren todos los casos:

  • nuevo alto = nuevo ancho × alto original ÷ ancho original
  • nuevo ancho = nuevo alto × ancho original ÷ alto original

Ejemplo: una foto de 4032 × 3024 (4:3) redimensionada a 1600 píxeles de ancho queda en 1600 × 3024 ÷ 4032 = 1200 píxeles de alto. Para un video 9:16 de 720 píxeles de ancho, el alto es 720 × 16 ÷ 9 = 1280.

Si el resultado no es un número entero, redondea al píxel más cercano. Los codificadores de video suelen exigir dimensiones pares, así que en video redondea a un número par.

Cambiar la relación: recortar, rellenar o estirar

Convertir una foto 4:3 en un encuadre 16:9 o en una publicación 1:1 no se puede hacer solo redimensionando. Hay tres opciones:

MétodoQué ocurreCuándo usarlo
RecortarElimina parte de la imagenLa mayoría de las fotos; mantén el sujeto dentro del encuadre
Rellenar (letterbox o pillarbox)Añade franjas o un fondo desenfocadoCuando no se puede cortar nada, como en documentos u obras de arte
EstirarEscala ancho y alto de forma desigualCasi nunca; las caras y los círculos se ven deformados

Recortar una imagen de 4000 × 3000 a 16:9 conserva todo el ancho y reduce el alto a 4000 × 9 ÷ 16 = 2250 píxeles, descartando el 25 % de la imagen. Recortar la misma imagen a 1:1 conserva 3000 × 3000.

La relación de aspecto en la web

CSS tiene una propiedad aspect-ratio, por ejemplo aspect-ratio: 16 / 9, que reserva el espacio adecuado antes de que cargue una imagen o un video. Definirla, o dar a las imágenes atributos width y height, evita que la página salte al llegar el contenido multimedia, lo que mejora la puntuación de Cumulative Layout Shift.

Preguntas frecuentes

¿Qué relación de aspecto tiene 1920 × 1080?

16:9. Ambos números son divisibles entre 120, lo que da 16 y 9.

¿El 4K es 16:9?

El 4K UHD doméstico es 3840 × 2160, exactamente 16:9. El 4K de cine (DCI) es 4096 × 2160, aproximadamente 1.90:1.

¿Qué relación de aspecto tiene una foto de teléfono?

La mayoría de las cámaras de teléfono disparan en 4:3 por defecto, por ejemplo 4032 × 3024. Muchas ofrecen también modos 16:9 y 1:1, que recortan la imagen del sensor.

¿Cambiar la relación de aspecto reduce la calidad?

Recortar elimina píxeles pero no desenfoca el resto. Estirar deforma las formas, y ampliar tras un recorte fuerte puede hacer que la imagen pierda nitidez.

Todos los artículos