Ir al contenido principal
Bethemesh

Calculadora de relación de aspecto

Mantén las proporciones correctas calculando una anchura o una altura a partir de una relación personalizada o predefinida.

Integrar este widget

Personaliza el aspecto, comprueba la vista previa y copia el código.

Vista previa

Tipo de código de integración

Código para copiar

Se adapta a tu página y Bethemesh ajusta su tamaño automáticamente.

Dimensiones de referencia

Dimensión objetivo

¿Te ha resultado útil esta herramienta?

¿Cómo funciona esta herramienta?

La relación de aspecto describe la forma de un rectángulo: 16:9 para un vídeo HD, 3:2 para una foto de cámara réflex, 1:1 para una imagen cuadrada. Esta calculadora encuentra la anchura o la altura que conserva exactamente esa relación cuando cambias uno de los lados, para redimensionar una imagen, preparar una exportación de vídeo o reservar un hueco en una página sin deformar nada.

La relación de referencia sale de un formato habitual (16:9, 4:3, 3:2, 1:1 o 9:16) o de dos valores que escribes en Anchura de referencia y Altura de referencia. Pueden ser los píxeles de una imagen existente (6000 × 4000) o una relación decimal como 2,39 × 1 para el formato de cine.

Después escribe la Nueva anchura y pulsa Calcular la altura, o escribe la Nueva altura y pulsa Calcular la anchura. El otro lado se obtiene con una regla de tres y se redondea al píxel entero más cercano, con un mínimo de 1 px.

La Proporción simplificada reduce la referencia a sus términos enteros más pequeños: 1920 × 1080 da 16:9, 6000 × 4000 da 3:2 y 2,39 × 1 da 239:100. No se carga ni se transforma nada: la herramienta solo trabaja con números.

Cómo utilizar esta herramienta

  1. Define la relación

    Elige un formato habitual o escribe la anchura y la altura de referencia.

  2. Introduce el lado conocido

    Indica la nueva anchura o la nueva altura, en píxeles.

  3. Calcula el otro lado

    Pulsa Calcular la altura o Calcular la anchura y lee las dimensiones proporcionales.

Conservar la relación de aspecto

Dos rectángulos tienen la misma forma cuando sus lados son proporcionales, así que el lado que falta sale de una regla de tres.

Altura a partir de una nueva anchura

H' = W' × h ÷ w

La usa el botón Calcular la altura.

Anchura a partir de una nueva altura

W' = H' × w ÷ h

La usa el botón Calcular la anchura.

Proporción simplificada

w:h = (w ÷ mcd) : (h ÷ mcd)

Ambos lados se dividen por su máximo común divisor; una relación decimal se multiplica antes por una potencia de 10.

w, h
anchura y altura de referencia
W', H'
nueva anchura y nueva altura
mcd
máximo común divisor de w y h

Casos de uso

Redimensionar una foto

Halla la altura exacta de una foto 3:2 reducida a 1200 px de ancho antes de exportarla.

Preparar un vídeo vertical

Calcula la anchura de un vídeo 9:16 de 1920 px de alto para una historia o un short.

Reservar espacio en una web

Fija la altura de un bloque de imagen en CSS para que la página no salte durante la carga.

Ejemplos

Foto de 6000 × 4000 reducida a 1200 px de ancho

H' = 1200 × 4000 ÷ 6000 = 800. La foto conserva su forma original; una altura de 900 px la habría estirado en vertical.

Entrada

Anchura de referencia 6000, altura de referencia 4000, nueva anchura 1200

Resultado

Proporción simplificada 3:2; dimensiones proporcionales 1200 × 800

Formato de cine 2,39:1 en Full HD

1920 ÷ 2,39 = 803,35, redondeado a 803 px. La relación decimal se simplifica sin redondearla antes, por eso sale 239:100 y no 2:1.

Entrada

Anchura de referencia 2,39, altura de referencia 1, nueva anchura 1920

Resultado

Proporción simplificada 239:100; dimensiones proporcionales 1920 × 803

Consejos y buenas prácticas

  • Para partir de una imagen existente, escribe sus píxeles como referencia: la proporción simplificada te indica su formato.
  • En vídeo, usa medidas divisibles por 2, o incluso por 8: muchos codificadores lo exigen o comprimen mejor así.
  • El redondeo al píxel puede desviar la relación una fracción: 803 px en lugar de 803,35 da 2,391:1, sin diferencia visible.
  • Si la imagen debe cambiar de forma (de 4:3 a 16:9), el cálculo no basta: recórtala o añade franjas con una herramienta específica.

Fuentes y referencias

Preguntas frecuentes

¿Qué es la relación de aspecto?

La relación entre anchura y altura, escrita anchura:altura. 16:9 significa 16 unidades de ancho por 9 de alto, sea cual sea el tamaño real.

¿Qué formatos habituales ofrece?

16:9, 4:3, 3:2, 1:1 y 9:16. Para cualquier otra relación, escribe tus propios valores y la lista pasa a Personalizado.

¿Puedo usar una relación decimal como 2,39:1?

Sí. Introduce 2,39 y 1 como referencia; la proporción simplificada pasa a 239:100 y el cálculo mantiene toda la precisión hasta el redondeo final.

¿Por qué se redondea el resultado?

Una imagen se mide en píxeles enteros. La herramienta redondea al píxel más cercano y nunca baja de 1 px.

¿Qué diferencia hay entre 16:9 y 1920 × 1080?

1920 × 1080 es un tamaño; 16:9 es su forma. 1280 × 720 y 3840 × 2160 tienen la misma relación 16:9 con tamaños distintos.

¿La herramienta modifica una imagen?

No. Solo calcula números; para aplicar las medidas obtenidas, usa el redimensionador de imágenes.

Herramientas relacionadas

Herramientas similares o complementarias a esta.

Herramientas similares

Redimensiona una imagen definiendo con precisión su anchura y altura antes de descargarla.

Imágenes y diseño gráficoDestacadaUsar esta herramienta

Dibuja un marco sobre la imagen, fija una proporción (1:1, 4:5, 16:9…) y descarga la parte recortada.

Imágenes y diseño gráficoDestacadaUsar esta herramienta

Amplía o reduce el lienzo alrededor de una imagen sin redimensionar su contenido.

Imágenes y diseño gráficoUsar esta herramienta
GuíaConceptos y tecnologíasPrincipiante

¿Qué resolución elegir para una imagen?

Distingue dimensiones, densidad de píxeles y DPI para redimensionar una imagen destinada a la Web o a impresión sin perder nitidez.

31 de agosto de 202617 min
GuíaBuenas prácticasIntermedio

Imágenes responsive: entender srcset y sizes

Entiende srcset, sizes, los descriptores de anchura y densidad, picture, la dirección artística y cómo el navegador elige la imagen responsive adecuada.

31 de agosto de 202618 min
GuíaBuenas prácticasIntermedio

Optimizar imágenes para mejorar el rendimiento web

Aprende a optimizar imágenes para la web: dimensiones, formatos, compresión, imágenes responsive, lazy loading, LCP, CLS y un flujo de trabajo fiable.

31 de agosto de 202623 min
TutorialBuenas prácticasPrincipiante

¿Cómo comprimir una imagen sin perder calidad?

Reduce el peso de una imagen eligiendo las dimensiones adecuadas, el formato correcto y un nivel de calidad controlado, sin una degradación visible innecesaria.

31 de agosto de 202626 min