Una relación de aspecto es la forma de un rectángulo con el tamaño quitado: el ancho dividido por el alto. 16:9 significa 16 unidades de ancho por cada 9 de alto, así que 1920 × 1080, 1280 × 720 y 640 × 360 tienen todos la misma forma y todos son 16:9. La proporción no dice nada sobre qué tan grande es la imagen ni qué tan nítida se va a ver. Solo decide si entra en el hueco donde la vas a poner, o si algo termina recortado, aplastado o rodeado de barras negras.
¿Cómo se leen 16:9 y 2.39:1?
Hay dos convenciones y las dos describen lo mismo.
Dos números enteros — 16:9, 4:3, 3:2, 1:1 — es como lo escriben las pantallas, las fotos y las plataformas sociales. El par es la proporción reducida hasta donde se pueda, así que 1920:1080 queda en 16:9 cuando divides los dos lados por 120.
Un decimal contra 1 — 1.85:1, 2.39:1, 1.43:1 — es como lo escribe el cine, porque las proporciones del cine rara vez se reducen a algo redondo. 2.39:1 significa que el cuadro es 2.39 veces más ancho que alto. Puedes convertir en cualquiera de los dos sentidos con una sola división: 16 ÷ 9 da 1.778, así que 16:9 y 1.78:1 son la misma forma escrita dos veces.
El orden nunca cambia. Ancho primero, alto segundo. Una proporción escrita 9:16 es la versión vertical, no un error de tipeo.
¿Cómo saco la relación de aspecto de una imagen?
Divide el ancho por el alto y después reduce la fracción. Para 1600 × 1200: la división da 1.333, y el máximo común divisor de 1600 y 1200 es 400, que reduce el par a 4:3.
El trabajo más habitual es el inverso — conoces la forma y una dimensión, y necesitas la otra. Multiplica en cruz: alto nuevo = ancho nuevo × alto original ÷ ancho original. Un original de 1920 × 1080 a 1280 de ancho da 1280 × 1080 ÷ 1920, o sea 720.
Esa aritmética es fácil, y también es fácil equivocarse a las cuatro de la tarde, que es justamente la razón de que exista la calculadora de relación de aspecto: escribes tres números y aparece el cuarto, junto con la proporción reducida y un aviso cuando el resultado no cae en un píxel entero. Funciona solo con números — no entra ningún archivo y no sale nada redimensionado, así que lo que obtienes es el par de dimensiones para pasarle a lo que sí redimensiona. Hacerlo a mano está bien. Hacerlo a mano once veces para un juego de tamaños de banner es así como una costura de 1 px termina en producción.
¿Qué relaciones de aspecto se usan de verdad?
- 16:9 (1.778) — video, pantallas de laptop y de televisor, y lo predeterminado para todo lo que se mueve. Es un compromiso deliberado más que algo encontrado en la naturaleza: Kerns Powers se lo propuso a un grupo de trabajo de la SMPTE en 1984, después de recortar rectángulos de igual área para cada proporción en uso en ese momento y apilarlos sobre un centro común. 1.78:1 era a la vez la forma más chica que contenía a todas y la forma más grande que todas contenían. Además cae cerca de la media geométrica de 4:3 y 2.35:1, que es 1.77.
- 3:2 (1.5) — la forma del negativo de 35 mm, y todavía lo que producen la mayoría de las cámaras mirrorless y las DSLR. Un archivo de 6000 × 4000 es 3:2.
- 4:3 (1.333) — televisores y monitores viejos, la mayoría de las tablets y muchos sensores de teléfono a su resolución completa.
- 1:1 — cuadrado. Avatares, portadas de álbum y la forma más segura cuando no tienes idea de cómo la va a recortar un feed.
- 4:5 (0.8) y 9:16 (0.5625) — retrato y video vertical. Todo lo que esté por debajo de 1 es más alto que ancho.
- 2.39:1 — cine panorámico, la razón por la que una película en un televisor 16:9 tiene barras arriba y abajo.
Dos trampas en esa lista. Las pantallas de los teléfonos ya no son 16:9 — la mayoría anda por 19.5:9 o 20:9, más altas que el video que reproducen, y por eso el video a pantalla completa en un teléfono o tiene barras a los costados o pierde los bordes. Y 21:9 es una etiqueta de marketing más que una medida: los monitores que se venden como 21:9 suelen ser de 2560 × 1080, que se reduce a 64:27, o de 3440 × 1440, que es 43:18. Calcula contra un 21:9 literal y te vas a desviar lo suficiente como para notarlo.
¿Por qué el alto da 562.5?
Porque los píxeles son enteros y las proporciones no. Escala 16:9 a 1000 px de ancho y el alto exacto es 562.5 px. Redondea a 563 y la proporción real pasa a ser 1.7762 en lugar de 1.7778 — un corrimiento de menos de una décima de por ciento, invisible por sí solo.
Deja de ser invisible en dos situaciones. La primera es cuando la imagen redondeada se coloca dentro de un contenedor dimensionado con la proporción verdadera: la diferencia aparece como una línea de fondo de un píxel a lo largo de un borde, y va a parecer un error de renderizado en lugar de aritmética. La segunda es el video. Casi toda la codificación de video común usa submuestreo de croma 4:2:0, donde los planos de color miden la mitad del ancho y la mitad del alto del plano de brillo, así que las dos dimensiones tienen que ser pares. Un alto impar se rechaza o se ajusta en silencio.
La solución es elegir anchos que dividan de forma exacta. Para 16:9 usa múltiplos de 16, para 4:3 usa múltiplos de 4, y el redondeo no ocurre nunca: 1280, 1600 y 1920 dan alturas enteras en 16:9. Todo esto supone píxeles cuadrados, que es lo que tiene cualquier cosa moderna. El material de la era del DVD guardado en 720 × 480 y mostrado en 16:9 no los tiene, así que para ese material el cuadro guardado y el cuadro que se ve son dos formas distintas y la aritmética de aquí describe solo el guardado.
¿Puedo cambiar una relación de aspecto sin arruinar la imagen?
Gratis no. Mover una imagen de una forma a otra tiene exactamente tres resultados, y estás eligiendo entre ellos lo notes o no.
Recortar. Cortar píxeles de dos lados hasta que lo que queda tenga la forma que quieres. Pierdes contenido, y el contenido que pierdes está en los bordes, que es donde viven las cabezas y las manos. Pasar de 3:2 a 16:9 significa sacar alrededor de 16% del alto.
Rellenar. Agregar barras en dos lados. No se pierde nada, pero el sujeto ahora ocupa menos del cuadro, y en un feed que recorta miniaturas puedes terminar con barras dentro de barras.
Estirar. Forzar los píxeles a la forma nueva. Es la que nadie elige a propósito y todos publican al menos una vez. Se nota al instante en caras, círculos y tipografía.
Recortar suele ser la respuesta correcta, y es una decisión de composición más que de aritmética — por eso pide una vista previa y no una fórmula. Arrastrar un recuadro de proporción fija sobre la imagen en un recortador que corre en el navegador te muestra qué estás dejando afuera antes de comprometerte. Mantiene 16:9, 4:3, 3:2, 1:1, 4:5 y 9:16 como presets bloqueados, así que la forma queda exacta mientras decides dónde va el recuadro.
La relación de aspecto no es la resolución, y tampoco los DPI
1280 × 720 y 3840 × 2160 son los dos 16:9. Una es de 0.92 megapíxeles y la otra de 8.3, y la proporción no las distingue, porque forma y nitidez son preguntas separadas. Si lo que estás decidiendo en realidad es cuántos píxeles publicar, el tamaño de imagen correcto para la web es la pregunta que hay debajo de esa.
Los DPI son una tercera cosa, sin relación con esto. Son un número guardado en el archivo que le dice a una impresora de qué tamaño hacer la impresión. No tienen ningún efecto en una pantalla. Cambiar una imagen de 72 a 300 DPI sin tocar las dimensiones en píxeles no cambia nada que un navegador pueda ver.
¿Cómo mantengo una relación de aspecto en CSS?
El CSS moderno tiene una propiedad para esto: aspect-ratio: 16 / 9 en un elemento hace que el navegador derive el alto del ancho que le dé el layout. Es compatible con todos los navegadores actuales y reemplaza el viejo truco de un wrapper con padding-top: 56.25% — un padding en porcentaje se resuelve contra el ancho del contenedor, y 9 ÷ 16 es 56.25%. Te lo vas a seguir cruzando en código antiguo. No hay razón para escribir código nuevo así.
Una salvedad: aspect-ratio es una sugerencia, no una ley. Si el contenido dentro de la caja es más alto de lo que la proporción permite y nada lo restringe, la caja crece y la proporción se ignora. Combínala con object-fit: cover en las imágenes, o con overflow: hidden, si la forma tiene que aguantar pase lo que pase.
¿Por qué el papel A4 tiene una forma distinta de la de cualquier pantalla?
El papel A4 es 1:1.414, que es 1:√2. Ese número es la única proporción donde cortar la hoja por la mitad a lo largo de su lado largo produce dos hojas de la misma forma. Ese es todo el diseño de la serie de papel ISO 216: A4 se parte en A5, A5 en A6, y nunca hace falta reescalar nada. Ningún formato de pantalla tiene esa propiedad, y por eso un documento maquetado para A4 nunca entra en un monitor sin una decisión de por medio.
Cuando necesitas el cuarto número y no la teoría, la calculadora de relación de aspecto toma los tres que tienes, reduce la proporción y te dice cuánto se corrió la forma por el redondeo cuando el ancho que elegiste no divide de forma exacta. Su tabla de anchos comunes marca los que dan impar, que es la comprobación que vale la pena hacer antes de que un tamaño se acerque a un codificador de video.
Saber la forma es la mitad fácil del trabajo. Decidir qué parte de la imagen sacrificar es la otra mitad, y recortar a una relación de aspecto exacta sigue desde ahí: qué lado cortar, dónde queda el rectángulo y los números de las formas que más te van a pedir.
Preguntas frecuentes
¿Qué significa 16:9?
Significa que la imagen mide 16 unidades de ancho por cada 9 de alto, lo que la hace 1.778 veces más ancha que alta. Describe solo la forma, así que 640 por 360 y 3840 por 2160 son las dos 16:9. Es la forma estándar del video, los televisores y la mayoría de las pantallas de laptop.
¿Cómo encuentro la relación de aspecto de una imagen?
Divide el ancho en píxeles por el alto y después reduce los dos números por su máximo común divisor. Una imagen de 1600 por 1200 da 1.333 y se reduce a 4:3. Si el par no comparte ningún factor, como 1921 por 1080, la única forma honesta es el decimal.
¿Es mejor 4:3 o 16:9?
Ninguna es mejor en general; sirven para cosas distintas. 16:9 coincide con la forma en que se construyen las pantallas y el video, así que llena la pantalla sin barras. 4:3 es más alta y captura más de un sujeto vertical, y por eso muchos sensores de cámara y muchas tablets la siguen usando.
¿Puedo cambiar la relación de aspecto de una foto sin recortar?
Solo agregando barras en dos lados, lo que conserva todos los píxeles pero achica el sujeto dentro del cuadro. La alternativa, estirar la imagen para que entre, distorsiona todo y se nota en caras y círculos. Recortar suele ser el mejor compromiso porque controlas qué se pierde.
¿La relación de aspecto es lo mismo que la resolución?
No. La resolución es cuántos píxeles hay; la relación de aspecto es la forma que arman esos píxeles. 1280 por 720 y 3840 por 2160 comparten la proporción 16:9, pero una tiene nueve veces más píxeles que la otra, así que se ve nítida en una pantalla grande donde la otra no.
¿Por qué mi cálculo de relación de aspecto da un decimal en lugar de un píxel entero?
Porque el ancho que elegiste no divide de forma exacta la proporción. Una imagen 16:9 a 1000 píxeles de ancho necesita un alto de 562.5, que hay que redondear, y eso corre un poco la forma verdadera. Elegir un ancho múltiplo de 16 lo evita por completo para 16:9.
Última actualización 19 de septiembre de 2026