A Calculadora de proporção de tela trabalha nas três direções em que o problema chega. Dê a ela uma largura e uma altura e ela simplifica a proporção pelo máximo divisor comum — e, o importante, reconhece os quase-acertos: 1366×768 reduz ao inútil 683:384, mas a calculadora também o declara «efetivamente 16:9», que é a resposta que você queria. Dê uma proporção e uma dimensão e ela resolve a outra em pixels inteiros. Dê uma proporção e um contêiner e ela devolve o maior encaixe interno. Em todos os casos você recebe os tamanhos padrão daquela proporção (de 1280×720 a 3840×2160 para 16:9) e CSS pronto para copiar: a propriedade aspect-ratio moderna mais o percentual padding-top do padrão clássico.
Recursos
Dimensões → proporção exata e proporção comum mais próxima
Proporção + uma dimensão → a outra, em pixels inteiros
Proporção + contêiner → o maior encaixe interno
Presets de 16:9 a 2,39:1 anamórfico
Lista de tamanhos padrão com alturas pares garantidas
Propriedade CSS aspect-ratio e percentual do truque de padding
Como usar Calculadora de proporção de tela
Escolha a direção: tamanho → proporção, dimensão faltante ou encaixe
Informe o que você sabe
Leia o resultado e os tamanhos padrão da proporção
Os 56,25% são 9÷16: o número clássico do vídeo responsivo.
Erros comuns e solução de problemas
1366×768 simplifica para 683:384 e não 16:9. — 683:384 é a resposta exata: essa resolução genuinamente não é 16:9. A linha «efetivamente 16:9» dá a resposta prática; as duas aparecem porque as duas são verdade.
A dimensão resolvida é ímpar e um codificador de vídeo recusa. — H.264 e companhia exigem dimensões pares. Use a lista de tamanhos padrão, que arredonda alturas para pares, ou mova a entrada um pixel.
Um vídeo 4:3 num player 16:9 mostra tarjas pretas. — É o comportamento correto: encaixar 4:3 em 16:9 deixa tarjas laterais. Tirá-las significa cortar conteúdo.
Perguntas frequentes
Que resolução é 16:9 para uma largura dada?
Multiplique a largura por 9/16: 1280→720, 1920→1080, 2560→1440, 3840→2160. A calculadora resolve para qualquer largura ou altura.
Como mantenho a proporção de um elemento no CSS?
O jeito moderno é uma linha: aspect-ratio: 16 / 9. O padrão herdado dá ao contêiner um padding-top de 56,25% e posiciona o conteúdo em absoluto dentro. A calculadora emite os dois.
Por que monitores anunciam 16:9 quando os pixels dizem outra coisa?
Painéis como 1366×768 aproximam 16:9 com erro abaixo de um por cento, suficiente para o marketing e o vídeo em tela cheia. A calculadora mostra a proporção exata e a nomeada mais próxima.
Que proporções as plataformas sociais pedem?
O vídeo de feed tende a 1:1 ou 4:5, stories e shorts são 9:16, uploads horizontais 16:9 e filmagem cinematográfica 21:9 ou 2,39:1.