Calculadora e Visualizador Profissional de Proporção de Tela
Insira uma resolução para calcular automaticamente a proporção, ou calcule inversamente uma dimensão a partir de uma proporção-alvo e a outra dimensão. Compare visualmente os formatos de proporção mais populares.
Identificação Inteligente de Proporção
Insira qualquer resolução (ex.: 2560×1440) e ela é automaticamente reduzida à proporção inteira mais simples (16:9), identificando sua classificação padrão — padrão, widescreen, ultrawide, quadrado, etc.
Calculadora de Dimensões
Trave uma proporção de tela, insira largura ou altura, e calcule automaticamente o valor exato em pixels da outra dimensão. Essencial para recortar imagens, definir tamanho de canvas e exportar vídeos.
Comparação Visual de Proporções
Sobreponha múltiplos retângulos de proporção na mesma área para uma percepção intuitiva das diferenças entre 16:9, 4:3, 21:9 e 1:1 — vá além dos números abstratos.
O Que É Proporção de Tela?
Entendendo os significados e aplicações de proporção de tela em monitores, imagens e vídeos.
Proporção de Tela (Display)
A proporção física do formato de uma tela, determinando "qual formato o display tem". 16:9 é atualmente o mais universal — praticamente todos os notebooks, monitores e TVs o utilizam. 21:9 e 32:9 são as assinaturas ultrawide e super-ultrawide.
Proporção de Pixels
A relação entre a contagem horizontal e vertical de pixels de uma resolução. A proporção de pixels de 1920×1080 é 16:9, mas 1920×1200 é 16:10. As proporções de pixels e de tela geralmente coincidem, mas CRTs antigos e alguns equipamentos profissionais podem diferir.
Proporção de Conteúdo
A proporção das próprias imagens, vídeos e arquivos de design. Filmes comumente usam 2.35:1 (CinemaScope) ou 1.85:1; redes sociais preferem 1:1 (Instagram), 9:16 (vídeo curto), 4:5 (imagens do Facebook). Escolher a proporção certa maximiza a área de exibição.
Como Usar a Calculadora de Proporção de Tela
Três modos de uso para diferentes cenários.
Resolução → Proporção
Insira uma resolução (ex.: 3440×1440) e a ferramenta calcula automaticamente a proporção (43:18 ≈ 21:9) com classificação padrão. Ótimo para verificar a proporção real de uma tela ou imagem.
Proporção → Dimensões
Selecione uma proporção-alvo (ex.: 16:9), insira largura ou altura, e calcule automaticamente a outra dimensão em pixels. Ideal para recortar imagens, definir tamanho de canvas e exportar vídeos.
Comparação Visual
Sobreponha retângulos de proporções comuns no painel de pré-visualização para comparação intuitiva dos formatos. Clique nas proporções comuns para alternar rapidamente.
Proporções Comuns Explicadas
16:9 (1.78:1)
A proporção mais universal da atualidade. Full HD (1920×1080), QHD (2560×1440) e 4K (3840×2160) são todos 16:9. A proporção padrão de imagem para YouTube, Netflix e transmissões de TV.
16:10 (1.6:1)
Já foi o padrão de notebooks e monitores — 1920×1200, 2560×1600. Aproximadamente 11% mais espaço vertical que 16:9, excelente para edição de documentos e programação. Voltando em notebooks premium (MacBook, ThinkPad X1).
21:9 (2.33:1)
Proporção padrão de monitores ultrawide com resoluções típicas de 3440×1440 ou 2560×1080. Próxima das proporções cinematográficas para visualização de filmes sem bordas. Extremamente eficiente para workflows com janelas lado a lado.
4:3 (1.33:1)
Proporção clássica da era CRT (1024×768, 1600×1200). Atualmente usada principalmente em iPads e alguns projetores comerciais. Parece mais quadrada — inadequada para conteúdo widescreen.
Proporções Recomendadas por Plataforma
Diferentes plataformas e usos têm diferentes práticas recomendadas de proporção.
Redes Sociais
Proporções Recomendadas:
• Instagram/TikTok Stories/Reels: 9:16 (1080×1920)
• Imagens do Twitter/X: 16:9 (1200×675)
• Capa do Facebook: 2.63:1 (1640×624)
Produção de Vídeo
Proporções Comuns:
• Widescreen cinematográfico: 2.39:1 (CinemaScope)
• Vídeo curto vertical: 9:16 (1080×1920)
• Formato IMAX: 1.43:1 ou 1.9:1
Design e Impressão
Proporções Padrão:
• US Letter: 1.294:1 (8.5×11")
• Cartão de visita: 1.75:1 (3.5×2")
• Slides de apresentação: 16:9 ou 4:3
Dispositivos de Exibição
Proporções Populares:
• Notebooks premium (MacBook/ThinkPad): 16:10 ou 3:2
• Monitores ultrawide: 21:9 (3440×1440)
• Super ultrawide: 32:9 (5120×1440) = dois 16:9 lado a lado
Dicas Práticas de Proporção de Tela
Considerações de Recorte
Recortar vídeo 16:9 para 9:16 vertical perde ~68% do quadro. Planeje áreas seguras ao filmar, ou use a abordagem "recorte central + fundo desfocado".
Redimensionamento Proporcional
Sempre trave a proporção ao redimensionar imagens para evitar distorção. Photoshop: segure Shift ao arrastar cantos. CSS: use object-fit: contain/cover para proporções corretas.
Adaptação Responsiva
A propriedade CSS aspect-ratio declara diretamente a proporção do elemento (ex.: aspect-ratio: 16/9) — o navegador calcula a altura automaticamente. Uma ferramenta poderosa para layouts responsivos.
Tratamento de Barras Pretas
Quando a proporção do conteúdo não corresponde ao container, barras pretas aparecem (letterbox/pillarbox). Tela 16:9 exibindo filmes 21:9 ganha barras em cima/embaixo; exibindo conteúdo 4:3 ganha barras laterais.
Perguntas Frequentes
Q.Qual a relação entre 16:9 e 1920×1080?
1920÷1080=1,778=16÷9. Portanto, a proporção de 1920×1080 é 16:9. Da mesma forma, 2560×1440 e 3840×2160 também são 16:9 — resoluções diferentes, mas mesma proporção.
Q.Qual é a proporção exata de 3440×1440?
3440÷1440≈2,389, mais próximo de 21:9 (2,333). Estritamente, 3440:1440 se reduz a 43:18, mas a indústria convencionalmente chama de 21:9 ultrawide.
Q.Por que algumas resoluções têm proporções estranhas?
Por exemplo, 1366×768 se reduz a 683:384 — não é uma proporção limpa. Isso acontece porque os fabricantes de painéis escolheram contagens de pixels convenientes em vez de seguir rigorosamente o 16:9. Na prática, parece muito próximo de 16:9.
Q.Qual a compatibilidade da propriedade CSS aspect-ratio?
Todos os navegadores modernos a suportam (Chrome 88+, Firefox 89+, Safari 15+). Use com width ou height e o navegador calcula automaticamente a outra dimensão — perfeito para containers responsivos.
Q.O que são DAR e SAR em vídeo?
DAR (Display Aspect Ratio) é a proporção final de exibição; SAR (Sample Aspect Ratio) é a proporção de amostragem de pixels. Quando SAR≠1:1 (como em alguns formatos DV), mesmo uma resolução de 720×480 pode ser exibida como 16:9.
Q.Qual a vantagem da proporção 3:2?
3:2 (1,5:1) tem ~18% mais espaço vertical que 16:9 e é mais moderno que 4:3. A linha Surface e Chromebooks mais recentes usam essa proporção — ótima para leitura e escrita no modo tablet.
Dicas de Seleção de Proporção de Tela
- • Criadores de Vídeo: Paisagem: 16:9; retrato: 9:16. Confirme a resolução recomendada da plataforma-alvo antes de exportar para evitar recompressão.
- • Designers: Ao exportar múltiplos tamanhos, crie primeiro a versão 1:1, depois estenda horizontalmente para 16:9 e 9:16.
- • Compra de Monitor: Escritório/programação: 16:10 ou 3:2; cinema/jogos: 16:9 ou 21:9. Na dúvida, 16:9 é o mais versátil.
- • Dev Frontend: A combinação CSS aspect-ratio + object-fit lida elegantemente com containers de imagem de qualquer proporção.