📐 Calculadora de Aspect Ratio y Snippets CSS

100% Client-Side

Configuración de Proporción

Presets Frecuentes:

Proporción (W : H)

Ancho (px)

Alto (px)

Resultado y Snippets

Resolución Equivalente

1920 × 1080

Ratio 16:9 = 1.778

16:9

Modern CSS:

aspect-ratio: 16 / 9;

CSS Legacy (padding hack):

padding-top: 56.25%;

Tailwind CSS:

aspect-video / aspect-[16/9]

Atributos HTML:

width="1920" height="1080"