Calculadora de Proporção: Entendendo as proporções largura-altura
Domine as proporções de aspecto para vídeo, imagens e design responsivo.
A proporção de aspecto é a relação proporcional entre largura e altura. 16:9 é a linguagem universal das telas modernas.
Entender as proporções de aspecto previne os erros de layout mais comuns: imagens esticadas, vídeo com barras pretas e contêineres responsivos quebrados.
O que é proporção de aspecto
Uma proporção de aspecto expressa a relação proporcional entre largura e altura como dois inteiros separados por dois pontos.
Ferramenta gratuita Calculadora de Proporção Calcule dimensões e converta entre proporções instantaneamenteProporções comuns (16:9, 4:3, 9:16, 1:1, 21:9)
16:9 é o padrão para vídeo HD e YouTube. 4:3 é o antigo padrão de televisão. 9:16 é o retrato móvil. 1:1 é quadrado. 21:9 para cinema.
Calculando dimensões
Para calcular a altura a partir da largura e da proporção: altura = largura × (altura_proporção / largura_proporção). Para 16:9 a 1280px: altura = 720px.
Ferramenta gratuita Conversor de Unidades CSS Converta entre px, rem, em, vh, vw e maisPropriedade CSS aspect-ratio
A propriedade CSS aspect-ratio impõe dimensionamento proporcional: aspect-ratio: 16 / 9 mantém a proporção 16:9 conforme a largura muda.
Imagens e vídeos responsivos
Para embeds de vídeo responsivos, envolva o iframe em um contêiner com aspect-ratio: 16/9.
Formatos de redes sociais
Cada plataforma tem proporções preferidas: Facebook feed 1.91:1, Instagram feed 4:5 ou 1:1, Instagram Story 9:16, YouTube thumbnail 16:9.
Ferramenta gratuita Conversor PX para REM Converta valores de pixels em unidades rem para design responsivo