Herramientas CSS y de desarrollo web

Calculadora de relación de aspecto

Calcula la relación de aspecto de imágenes y contenedores o deduce el ancho o alto que falta.

Parámetros de entrada

Procesamiento local en el navegador

Vista previa en tiempo real

Se actualiza al modificar los parámetros
Selecciona o copia directamente

Simplifica la relación ancho:alto o calcula una dimensión a partir de la proporción y la otra medida.

Los datos solo se procesan en tu navegador y no se suben a ningún servidor.

Acerca de esta herramienta

La calculadora ofrece dos modos: calcular la proporción y calcular la dimensión que falta. El primero reduce ancho y alto a su relación mínima; el segundo mantiene una proporción para hallar el lado desconocido y muestra decimales legibles.

Cómo usarla

  1. Elige «Calcular proporción» o «Calcular dimensión que falta».
  2. Para calcular la proporción, introduce ancho y alto como enteros positivos seguros.
  3. Para hallar otra dimensión, introduce una proporción de enteros positivos y un ancho o alto conocido, que puede tener decimales positivos.
  4. Consulta la proporción, las dimensiones y la vista previa y copia el resultado.

Ejemplos de uso

  • El MCD de 1920:1080 es 120; la proporción simplificada es 16:9 y la decimal, aproximadamente 1.7778.
  • 1024:768 → 4:3; 1080:1920 → 9:16.
  • Proporción 16:9 y ancho conocido 1920 → alto 1080.

Cómo se calcula

Obtén la proporción de ancho y alto expresada con los enteros más pequeños posibles. Para simplificarla, introduce dimensiones enteras positivas dentro del rango permitido; no se admiten decimales ni enteros demasiado grandes. Para una proporción W:H, alto = ancho × H / W y ancho = alto × W / H. La dimensión conocida puede ser decimal positiva y la salida conserva hasta 6 decimales. Entrada y salida usan la misma unidad.

Usos habituales

  • Comprobar proporciones de imágenes, vídeos y lienzos.
  • Redimensionar recursos manteniendo una proporción fija.
  • Verificar las dimensiones antes de aplicar CSS aspect-ratio.

Privacidad

Los datos y los resultados se procesan en tu navegador, sin subirse ni guardarse automáticamente. Copia los resultados que quieras conservar antes de salir de la página.

FAQ

¿Qué proporción tiene 1920×1080?

16:9. Es la proporción entera más simple de 1920×1080 y conserva la misma relación entre el ancho y el alto.

¿Por qué 1080×1920 es 9:16?

La proporción se escribe ancho:alto. Al intercambiarlos también se invierte la proporción, que pasa a representar una imagen vertical.

¿Cómo calculo el alto con 16:9?

Usa alto = ancho × 9 / 16. Por ejemplo, con ancho 1920 el alto es 1080.

¿Las dimensiones pueden ser 0 o decimales?

Cero y los negativos no son válidos. La simplificación exige ancho y alto enteros positivos seguros. La dimensión conocida en el cálculo inverso puede tener decimales positivos, pero la proporción exige enteros positivos.

Volver al directorio de herramientas