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

El algoritmo de Euclides calcula el máximo común divisor (MCD) y divide ambos lados por él. La simplificación exige dimensiones enteras positivas seguras para evitar ambigüedades con decimales o enteros enormes. 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

Todos los datos, cálculos, generación de CSS y vistas previas se procesan en tu navegador. No se sube contenido, no se usan servidores de procesamiento, bases de datos, API en línea ni CDN de terceros, y tus entradas no se guardan automáticamente.

FAQ

¿Qué proporción tiene 1920×1080?

16:9. El máximo común divisor de 1920 y 1080 es 120; se dividen ambos valores entre 120.

¿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