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.

Calculadora de proporção de tela

Simplifique um tamanho em sua proporção, resolva a largura ou altura que falta ou encaixe uma proporção num contêiner, com CSS incluído.

A Calculadora de proporção de tela roda inteiramente no seu navegador. As dimensões são processadas no seu dispositivo e nunca enviadas.

Abrir a Calculadora de clamp() CSS

Sobre Calculadora de proporção de tela

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
Copie o CSS se for para um layout

Exemplo

Entrada

16:9, width 1000

Saída

Height 563 px · CSS: aspect-ratio: 16 / 9; · padding hack 56.25%

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.

Ferramentas relacionadas

Calculadora de CSS Clamp — Gere um valor clamp() fluido a partir de tamanhos e viewports.
Gerador de CSS Grid — Monte um layout de grid visualmente e copie o CSS.
Gerador de Border Radius — Crie border-radius CSS simples, por canto ou em blob com pré-visualização ao vivo
Gerador de Open Graph — Gere meta tags Open Graph e Twitter com prévia do card social.
Redimensionar vídeo — Redimensione vídeo para Reels, YouTube, quadrado e mais com barras, no seu navegador.
Cortar imagem — Corta qualquer área ou proporção fixa e baixa em resolução total.