Calculadora de relación de aspecto

La relación de aspecto es la proporción entre anchura y altura. Si la mantienes constante, una imagen redimensionada se ve bien a cualquier tamaño; si la cambias, todo queda estirado o aplastado, una distorsión que la gente nota al instante aunque no sepa explicarla.

La aritmética es trivial y equivocarse es muy común, normalmente porque se redondeó una medida en un paso intermedio. Introduce tu proporción y el lado que conozcas, y se calcula el lado que falta, junto con una tabla de referencia de anchuras habituales y la altura correcta para cada una.

Cómo usar esta herramienta

Elige un preajuste o escribe tu propia proporción en las dos casillas.
Escribe la anchura que necesitas y la altura se actualiza. Escribe una altura y se actualiza la anchura.
Mira el rectángulo de vista previa para confirmar que la forma es la que esperabas.
Usa la tabla de anchuras estándar si vas a producir varios tamaños del mismo recurso.

Ejemplo práctico

Redimensionar una imagen de cabecera

Tu diseño pide un banner 16:9 y el contenedor mide 1440 píxeles de ancho. Si introduces 1440, salen 810 píxeles de alto. Exportar exactamente a esa medida evita que el navegador escale la imagen y la deje blanda.

Un vídeo vertical a partir de material horizontal

Necesitas 9:16 para una ubicación pensada para móvil y tu material original es 1920×1080. Con 1080 de ancho, la altura sale 1920, así que el encuadre hay que recomponerlo, no solo redimensionarlo. La vista previa deja claro cuánto recorte supone antes de empezar.

Usos habituales

Redimensionar imágenes para un diseño responsive
Exportar vídeo con el tamaño de fotograma adecuado para cada plataforma
Dimensionar imágenes de Open Graph y de redes sociales
Escalar un diseño a otro tamaño de pantalla o de impresión
Definir cajas con aspect-ratio en CSS para que el diseño no salte al cargar las imágenes
Comprobar si hace falta recortar antes de empezar a trabajar

Errores frecuentes

Redondear a mitad de camino — Redondea solo el número final. Redondear un valor intermedio desvía la proporción y aparece como un hueco de un píxel en una cuadrícula.
Dar por hecho que panorámico significa 16:9 — El cine suele ser 21:9 o 2,39:1. Meter uno dentro del otro implica bandas negras o recorte.
Confundir relación de aspecto con resolución — 1280×720 y 1920×1080 son ambos 16:9. La proporción es la forma; la resolución es el detalle.
Olvidar la densidad de píxeles del dispositivo — Una imagen que se muestra a 400 píxeles de ancho en una pantalla de alta densidad hay que exportarla a 800 para que se vea nítida.

Preguntas frecuentes

¿Qué significa exactamente 16:9?

Por cada 16 unidades de anchura hay 9 de altura: es una proporción, no un tamaño. Es el estándar de la televisión, de casi todas las plataformas de vídeo y de prácticamente todos los monitores.

¿Qué proporción uso para las imágenes de redes sociales?

1200×630 (aproximadamente 1,91:1) para las vistas previas de enlaces con Open Graph, 1:1 para publicaciones cuadradas y 9:16 para historias verticales a pantalla completa y vídeo corto. Esta herramienta tiene un preajuste para cada una.

¿Cómo meto una foto 4:3 en un espacio 16:9?

O recortas por arriba y por abajo, o pones bandas a los lados. No hay forma de encajar ambas sin una cosa u otra; estirarla es justo la opción que hay que evitar.

¿Qué proporción tiene un folio A4?

210:297, que es 1:√2. Todos los tamaños ISO de la serie A la comparten, así que partir un A4 por la mitad da dos A5 exactamente con la misma proporción.

¿Por qué mi imagen redimensionada se ve borrosa?

Normalmente porque se amplió por encima de su resolución original, o porque se exportó al tamaño CSS en una pantalla de alta densidad. Exporta al doble del tamaño de visualización para pantallas retina.

¿Puedo usar una proporción decimal como 2,39?

Sí: pon 2.39 en la primera casilla y 1 en la segunda. Se muestran tanto la proporción simplificada como el equivalente decimal.

Última actualización 2026-09-15