Que es una relacion de aspecto?

Es la proporcion reducida ancho/alto de imagen, video o pantalla. 1920×1080 y 1280×720 comparten la misma relacion 16:9 aunque los pixeles difieran.

Como calculo la relacion de aspecto?

Divide ancho y alto por gcd. 1920÷120 y 1080÷120 dan 16 y 9, asi la ratio es 16:9. El modo Simplificar lo hace automaticamente y muestra el decimal (≈1.7778).

Como encuentro la dimension faltante?

En modo Escalar, introduce la ratio objetivo, fija el lado que conoces y lee el otro. Ejemplo: 16:9 con ancho 1920 -> altura 1080; 9:16 con ancho 1080 -> altura 1920.

Cuales son resoluciones 16:9 habituales?

720p es 1280×720, 1080p es 1920×1080, QHD es 2560×1440 y 4K UHD es 3840×2160. Los chips de tamanos habituales cargan anchos acordes a la ratio activa.

Como uso esto con CSS?

Copia la salida CSS, por ejemplo `aspect-ratio: 16 / 9;`, en un contenedor para mantener la ratio con ancho fluido. Combina con object-fit si el medio interior debe recortarse.

16:9, 9:16, 4:3, 3:2, 1:1, 21:9, 2:1, 5:4, 3:4 y 2:3 - habituales para video, foto, impresion y redes.

Subis mis dimensiones?

No. La Calculadora de relacion de aspecto corre enteramente en tu navegador. Ancho y alto no salen de esta pestana.

Calculadoras

Popular

Calculadora de relacion de aspecto

Introduce un tamano para simplificar la ratio, o fija un lado y escala el otro a 16:9, 9:16, 4:3 y mas.

El calculo de proporcion corre en tu navegador. Nada se sube.

Proporciones comunes

Ancho

Alto

Relacion de aspecto

16:9

Decimal

1,7778

Tamano

1920 × 1080

CSS

aspect-ratio: 16 / 9;

Tamanos comunes en pixeles

Acerca de Calculadora de relacion de aspecto

La relacion de aspecto es la proporcion entre ancho y alto - escrita W:H tras reducir por gcd (1920×1080 -> 16:9). Usa el modo Simplificar para leer la ratio reducida, decimal, vista previa y valor CSS `aspect-ratio`. Usa el modo Escalar para fijar ancho o alto y resolver el otro lado en 16:9, 9:16, 4:3, 1:1, 21:9 y mas. Los chips de pixeles habituales saltan a tamanos como 1920×1080. Combinalo con el Redimensionador de imagenes si necesitas un recorte descargable, o Pixeles a pulgadas para impresion.

Cómo usar Calculadora de relacion de aspecto

Modo Simplificar: introduce ancho y alto para obtener ratio reducida, decimal, vista previa y fragmento CSS.
Modo Escalar: define partes de la ratio (o un preset), fija ancho o alto, y lee el otro lado correspondiente.
Usa presets (16:9, 9:16, 4:3, 3:2, 1:1, 21:9 y mas) para formatos habituales de foto y video.
Pulsa un tamano de pixel habitual para cargarlo, luego copia el resumen o el CSS `aspect-ratio: W / H;`.

Fórmula de Calculadora de relacion de aspecto

Reduce ancho y alto con gcd(W, H) para obtener la relacion de aspecto. Lado faltante: altura = ancho × (ratioH ÷ ratioW), o ancho = altura × (ratioW ÷ ratioH). CSS: aspect-ratio: W / H. Ejemplo: 1920×1080 -> divide entre 120 -> 16:9.

Ejemplos de Calculadora de relacion de aspecto

Full HD 16:9

1920×1080 se simplifica a 16:9. CSS: aspect-ratio: 16 / 9;

Encontrar altura desde ancho

Fija ancho 1280 en 16:9 -> altura 720. Fija ancho 3840 -> altura 2160 (4K UHD).

Social vertical 9:16

Fija ancho 1080 en 9:16 -> altura 1920 para marcos tipo Stories / Reels.

4:3 clasico

1024×768 o fija altura 768 en 4:3 -> ancho 1024.

Recorte cuadrado

Lados iguales (por ejemplo 1080×1080) se simplifican a 1:1 para avatares y fichas de producto.

Casos de uso comunes

Recortar fotos y miniaturas a una ratio conocida
Dimensionar marcos de YouTube, Twitch o redes (16:9 / 9:16)
Generar valores CSS aspect-ratio para UI responsive
Elegir dimensiones de pixel habituales para una ratio objetivo
Comprobar si una resolucion coincide con 4:3, 3:2 o ultrawide 21:9
Mantener proporciones al escalar un mockup de diseno

Preguntas frecuentes sobre Calculadora de relacion de aspecto

Que es una relacion de aspecto?: Es la proporcion reducida ancho/alto de imagen, video o pantalla. 1920×1080 y 1280×720 comparten la misma relacion 16:9 aunque los pixeles difieran.
Como calculo la relacion de aspecto?: Divide ancho y alto por gcd. 1920÷120 y 1080÷120 dan 16 y 9, asi la ratio es 16:9. El modo Simplificar lo hace automaticamente y muestra el decimal (≈1.7778).
Como encuentro la dimension faltante?: En modo Escalar, introduce la ratio objetivo, fija el lado que conoces y lee el otro. Ejemplo: 16:9 con ancho 1920 -> altura 1080; 9:16 con ancho 1080 -> altura 1920.
Cuales son resoluciones 16:9 habituales?: 720p es 1280×720, 1080p es 1920×1080, QHD es 2560×1440 y 4K UHD es 3840×2160. Los chips de tamanos habituales cargan anchos acordes a la ratio activa.
Como uso esto con CSS?: Copia la salida CSS, por ejemplo `aspect-ratio: 16 / 9;`, en un contenedor para mantener la ratio con ancho fluido. Combina con object-fit si el medio interior debe recortarse.
Que presets incluye?: 16:9, 9:16, 4:3, 3:2, 1:1, 21:9, 2:1, 5:4, 3:4 y 2:3 - habituales para video, foto, impresion y redes.
Subis mis dimensiones?: No. La Calculadora de relacion de aspecto corre enteramente en tu navegador. Ancho y alto no salen de esta pestana.

Redimensionador de imagenes

Redimensiona imagenes en el navegador. Elige pixeles exactos o presets sociales, modo de ajuste, y descarga JPG, PNG o WebP. Sin subir archivos.

Convertidor de píxeles a pulgadas

Convierte píxeles a pulgadas y pulgadas a píxeles usando DPI (PPI). Incluye ejemplos listos para impresión para web y diseño a 300 DPI.

Calculadora de pies cuadrados

Calculadora gratis de pies cuadrados para habitaciones y planos con varias formas. Anade rectangulos, cuadrados, circulos, triangulos o trapecios en ft, m, in o cm. Totales en vivo en sq ft y sq m.

Convertidor PX a REM

Convierte px a rem y em online con un tamano de fuente base configurable. Convertidor px a rem gratis con tabla de referencia rapida. Corre en tu navegador.