Calculadora de proporção de tela
Informe uma largura e uma altura para reduzi-las a uma proporção simplificada (como 16:9 ou 4:3) e a uma proporção decimal, ou mude para o modo de redimensionamento para calcular a altura correspondente a uma nova largura sem esticar ou espremer a imagem.
Como este cálculo funciona
No modo de proporção, a calculadora encontra o máximo divisor comum (MDC) da largura e da altura e divide ambos por ele, da mesma forma que se simplifica uma fração. 1920 × 1080 têm MDC 120, então dividir os dois lados dá 16:9. A proporção decimal é simplesmente largura ÷ altura, útil para comparar proporções que não se reduzem a números inteiros arredondados.
No modo de redimensionamento, a calculadora mantém fixa a relação original entre largura e altura e resolve o lado que falta: nova altura = altura original × (nova largura ÷ largura original). Como a proporção entre largura e altura nunca muda, a imagem ou o vídeo redimensionado mantém suas proporções originais e nunca fica esticado ou espremido.
Os dois modos funcionam com qualquer unidade consistente — pixels para telas e imagens, ou centímetros e polegadas para impressão — desde que largura e altura usem a mesma unidade.
Exemplo resolvido
Proporções de tela comuns
Estas são as proporções mais comuns em telas, fotos e vídeos:
| Proporção | Decimal | Uso típico |
|---|---|---|
| 1:1 | 1.0000 | Quadrado — publicações do Instagram, capas de álbum, fotos de perfil |
| 4:3 | 1.3333 | TV clássica, monitores antigos, impressões fotográficas padrão |
| 3:2 | 1.5000 | Sensores de câmeras DSLR e mirrorless, impressões 4x6 |
| 16:10 | 1.6000 | Alguns monitores de notebook e desktop |
| 16:9 | 1.7778 | Vídeo HD/4K, TV widescreen, a maioria dos monitores modernos |
| 21:9 | 2.3333 | Monitores ultrawide, vídeo cinematográfico/anamórfico |
| 9:16 | 0.5625 | Vídeo vertical — Stories, Reels, Shorts |
Por que manter a mesma proporção ao redimensionar
Se você mudar largura e altura de forma independente, a imagem ou o vídeo fica esticado ou espremido — círculos viram ovais e rostos ficam distorcidos. Manter a proporção largura-altura constante ao redimensionar (escalando os dois lados pelo mesmo fator) preserva exatamente as proporções originais, por isso ferramentas de design e editores de vídeo geralmente travam a proporção por padrão e permitem arrastar apenas uma alça.
Letterbox e pillarbox
- Letterbox: tarjas pretas adicionadas acima e abaixo do conteúdo para encaixar uma proporção mais larga em uma tela mais alta sem cortar ou esticar (por exemplo, um filme em 21:9 exibido em uma TV 16:9).
- Pillarbox: tarjas pretas adicionadas nas laterais para encaixar uma proporção mais alta em uma tela mais larga (por exemplo, imagens antigas em 4:3 exibidas em uma tela 16:9).
- Corte: em vez de adicionar tarjas, alguns players cortam as bordas do conteúdo para preencher a tela — isso evita as tarjas, mas perde parte do enquadramento original.
- Esticamento (não recomendado): forçar o conteúdo a preencher a tela sem preservar a proporção distorce todas as formas na imagem.
Usando proporções em CSS e ferramentas de design
O CSS moderno oferece suporte à propriedade aspect-ratio (por exemplo, aspect-ratio: 16 / 9), que mantém fixas as proporções de um elemento à medida que o contêiner é redimensionado — útil para incorporações de vídeo responsivas e placeholders de imagem que não devem causar deslocamento de layout durante o carregamento. Ferramentas de design como Figma e Photoshop também permitem travar uma proporção ao desenhar ou escalar um quadro, usando a mesma relação largura-altura que esta calculadora calcula.