Calculadora de proporção
Calcule proporções e escale dimensões proporcionalmente.
Escalar
Digite uma nova largura ou altura; a outra dimensão será calculada automaticamente.
Proporções comuns
| Proporção | Uso comum | Exemplos de resoluções |
|---|---|---|
| 16:9 | Widescreen, YouTube, TV | 1920x1080, 3840x2160 |
| 4:3 | TV clássica, apresentações, iPad | 1024x768, 2048x1536 |
| 1:1 | Posts do Instagram, fotos de perfil | 1080x1080, 400x400 |
| 9:16 | TikTok, Reels, Stories, vídeo em mobile | 1080x1920 |
| 21:9 | Telas ultrawide, cinema | 2560x1080, 3440x1440 |
| 3:2 | Câmeras DSLR, Surface | 1440x960, 6000x4000 |
Perguntas frequentes
O que é uma proporção?
Uma proporção é a relação proporcional entre a largura e a altura. Uma proporção 16:9 significa que para 16 unidades de largura há 9 unidades de altura.
Por que a proporção é importante em vídeo?
Usar uma proporção errada causa barras pretas (letterboxing/pillarboxing) ou esticamento. YouTube usa 16:9, TikTok/Reels usa 9:16, apresentações usam frequentemente 4:3.
A matemática por trás da proporção
Uma proporção é a relação proporcional entre a largura e a altura, escrita como W:H, tipo 16:9, ou como um único decimal, 16 ÷ 9 = 1.777…, geralmente arredondado para 1.78:1. Duas resoluções de pixels diferentes podem compartilhar a mesma proporção: 1920×1080 e 1280×720 são ambas 16:9 porque ambas se reduzem à mesma fração.
Para simplificar qualquer par, divida os dois números pelo seu máximo divisor comum: o maior inteiro que divide tanto a largura quanto a altura de forma exata. Para o Full HD:
gcd(1920, 1080) = 1201920 ÷ 120 = 161080 ÷ 120 = 9- →
16:9
Esta calculadora roda essa redução por MDC toda vez que você muda um número, e também resolve o problema inverso: dada uma proporção-alvo e uma dimensão conhecida, a outra decorre de new height = (known width × H) ÷ W: então uma imagem de 1080 de largura ajustada para 16:9 precisa de uma altura de 1080 × 9 ÷ 16 = 607.5, tipicamente arredondada para 608.
Uma breve história do retângulo
Em 1891, W.K.L. Dickson, trabalhando para Thomas Edison, escolheu um quadro 4:3 para o Kinetoscópio porque cortar ao meio o filme Kodak de 70mm dava 35mm, e quatro perfurações por quadro produziam essa proporção. Uma convenção de Paris adotou o 1,33:1 como padrão do filme mudo em 1925. Quando as faixas de som óptico começaram a invadir a área da imagem, a Society of Motion Picture Engineers padronizou a proporção Academy em 1,375:1 em 9 de maio de 1932, o formato que todo filme de estúdio usou pelos vinte anos seguintes.
A televisão estava comendo o almoço do cinema no início dos anos 1950, e Hollywood respondeu com largura. Shane estreou em 1,66:1 em maio de 1953. Cinco meses depois, a 20th Century Fox lançou The Robe em CinemaScope, originalmente 2,55:1 (reduzido do máximo óptico de 2,66 para deixar espaço para quatro faixas magnéticas de trilha sonora). A SMPTE fixou a abertura de projeção anamórfica em 2,35:1 em 1957 e a atualizou para 2,39:1 em 1970, para que as marcas de emenda fossem menos visíveis.
O 16:9 também não é arbitrário. Em 1984, Kerns H. Powers, trabalhando no grupo de trabalho de alta definição da SMPTE, derivou-o geometricamente: quando retângulos de área igual, com o formato de todas as proporções populares de cinema e TV (4:3, 1,85:1, 2,35:1), são sobrepostos concentricamente, todos cabem dentro de um retângulo externo de 1,77:1 e todos cobrem um retângulo interno de 1,77:1. Matematicamente, é a média geométrica dos extremos, √(1.33 × 2.35) ≈ 1.77. A Recomendação ITU-R BT.709 consagrou o 16:9 para a HDTV em 1990, e a indústria de PCs trocou o 16:10 pelo 16:9 por volta de 2009 para compartilhar as linhas de fabricação de painéis com as TVs.
Proporções comuns em 2026
| Proporção | Decimal | Onde você vê |
|---|---|---|
| 1:1 | 1.000 | Posts quadrados do Instagram, fotos de perfil, capas de álbum |
| 4:5 | 0.800 | Feed em retrato do Instagram (formato de maior engajamento) |
| 2:3 | 0.667 | Pin padrão do Pinterest, impressões de fotos 35mm verticais |
| 3:2 | 1.500 | DSLRs full-frame, negativos 35mm, notebooks Microsoft Surface |
| 16:10 | 1.600 | Notebooks mais antigos, MacBook Pro de 14 e 16 polegadas, muitos tablets |
| 16:9 | 1.778 | HDTV, monitores modernos, YouTube em paisagem, a maioria dos notebooks |
| 1.85:1 | 1.850 | Lançamento moderno «flat» nos cinemas |
| 1.91:1 | 1.910 | Cartões de compartilhamento Open Graph / Facebook / LinkedIn (1200×630) |
| 2:1 | 2.000 | Univisium, usado por alguns originais de streaming |
| 21:9 | 2.333* | Monitores ultrawide (*rótulo de marketing; tecnicamente 64:27 = 2,37:1) |
| 2.39:1 | 2.390 | Widescreen anamórfico moderno («scope») |
Tamanhos das plataformas sociais em 2026
- Feed do Instagram: o retrato 4:5 (1080×1350) é o padrão atual otimizado para engajamento: ocupa significativamente mais espaço vertical de tela em um celular do que um quadrado 1:1. O quadrado (1080×1080) e a paisagem 1,91:1 também são aceitos. Stories e Reels são 9:16 (1080×1920).
- TikTok: 9:16 nativo a 1080×1920. O quadrado é aceito, mas recortado ao centro na visualização em tela cheia.
- YouTube: 16:9 horizontal (1920×1080 ou 3840×2160 para 4K). O YouTube Shorts é 9:16 a 1080×1920.
- LinkedIn: cartão de compartilhamento/link 1200×630 (1,91:1). Capa de banner 1584×396 (4:1). O vertical 1080×1350 (4:5) é recomendado para posts no feed.
- Pinterest: pin padrão 1000×1500 (2:3). A central de ajuda do Pinterest observa que outras proporções podem impactar negativamente o alcance, e pins mais altos que cerca de 1:2,1 ficam truncados no feed inicial.
- Facebook / Open Graph: a prévia de link 1200×630 (1,91:1) é o padrão de fato para a maior prévia no News Feed e no Messenger.
Letterbox, pillarbox, windowbox
Quando a proporção de um quadro não corresponde à superfície em que é exibido, você ganha barras pretas: o formato depende de qual dimensão transborda.
- Letterbox: barras em cima e embaixo. A fonte é mais larga que a tela. Exibir um filme 2,39:1 em uma TV 16:9 é o exemplo canônico. As barras consomem cerca de
1 − (1.78 / 2.39) ≈ 25%do espaço vertical. - Pillarbox: barras à esquerda e à direita. A fonte é mais estreita que a tela. Exibir uma sitcom 4:3 em uma TV 16:9 é o caso clássico.
- Windowbox: barras nos quatro lados. Acontece quando um conteúdo que já está em letterbox (ou pillarbox) é ajustado em um quadro de mais uma outra proporção.
- Pan and scan é a alternativa destrutiva: a imagem é recortada para preencher a tela e a câmera «percorre» (pans) o quadro original para manter a ação centralizada. Era o padrão para lançar filmes 2,35:1 em VHS 4:3 nos anos 1980 e 90, e foi amplamente criticado por cortar a composição.
O aspect-ratio do CSS
Os navegadores trazem uma propriedade CSS que faz a matemática para você no layout. aspect-ratio: 16 / 9; declara o formato preferido de largura para altura de um elemento. Quando pelo menos uma entre a largura e a altura é auto, o navegador dimensiona a caixa para honrar a proporção; se ambas são explícitas, a proporção é ignorada. De acordo com a MDN, a propriedade está disponível em todos os principais motores desde setembro de 2021 e carrega o status «Baseline Widely available».
Antes disso, o truque padrão era o padding hack (Thierry Koblentz, 2009): zerar a altura do wrapper e definir padding-bottom: 56.25%, que é 9 ÷ 16 × 100. O padding percentual é calculado em relação à largura do pai, então a caixa acaba com 9 unidades de altura para cada 16 unidades de largura. O equivalente moderno para uma incorporação responsiva do YouTube é uma linha:
<iframe src="…" style="width:100%; aspect-ratio: 16 / 9; border:0;"></iframe>Definir o aspect-ratio em uma tag <img> também reserva espaço de layout antes de a imagem carregar, o que é uma das melhorias mais baratas que você pode fazer no Cumulative Layout Shift, um Core Web Vital que afeta o ranking de busca.
Erros comuns
- Esticar em vez de recortar ou usar letterbox. Escalar cada eixo independentemente distorce os rostos e transforma círculos em ovais. A regra: nunca escale a largura e a altura por fatores diferentes.
- Confiar no rótulo de marketing. Os monitores «21:9» são tecnicamente 64:27 (≈ 2,37:1). Os painéis de notebook «1366×768» são quase 16:9 (1366÷768 = 1,7786 vs. 16÷9 = 1,7778), mas a proporção simplificada é, na verdade, 683:384, o que é o motivo de o vídeo 1080p às vezes ser reduzido em escala de forma ligeiramente imperfeita. «4K» pode significar tanto 3840×2160 (UHD, 16:9) quanto 4096×2160 (cinema DCI, ≈ 1,90:1), dependendo do contexto.
- Recortar de novo sem recentralizar os sujeitos. Um retrato 1:1 composto bem no centro vai perder a cabeça e os pés quando recortado para 9:16; um vertical 9:16 vai perder as mãos e os objetos de cena quando recortado para 1:1. Os designers fotografam com uma «área segura» (cerca dos 80% centrais) que sobrevive a todo recorte comum.
- Confundir a proporção com a densidade de pixels. 1920×1080 e 3840×2160 compartilham uma proporção, mas produzem nitidez muito diferente na mesma tela física.
- Grade vs. feed no Instagram. Um post 4:5 aparece em altura completa no feed, mas é recortado ao centro para 1:1 na grade do seu perfil, então qualquer coisa importante (rostos, títulos, logotipos) precisa sobreviver ao recorte quadrado.
- Confundir o 16:9 com a proporção áurea. O Phi (≈ 1,618) fica entre o 3:2 (1,5) e o 16:10 (1,6). Os retângulos áureos reais parecem mais próximos de um cartão de crédito do que de uma TV.
Mais perguntas
O 1,91:1 é o mesmo que o 16:9?
Não. O 16:9 é 1,778, enquanto o 1,91:1 é 1,910. Eles parecem semelhantes à primeira vista, mas os cartões de compartilhamento do Open Graph a 1200×630 (1,91:1) são ligeiramente mais largos que os quadros de vídeo 16:9 a 1920×1080. Confundir os dois é um dos motivos mais comuns de as prévias de compartilhamento social ficarem recortadas de forma estranha.
Qual é a diferença entre o UHD 4K e o DCI 4K?
O UHD 4K é 3840×2160 com uma proporção 16:9 (1,78:1): é o que as TVs de consumo e a maioria do streaming usam. O DCI 4K é 4096×2160 com uma proporção 256:135 (≈ 1,90:1), que é o padrão de masterização de cinema digital exigido por câmeras profissionais como RED, ARRI e Blackmagic. Os dois formatos diferem em 256 pixels horizontais, cerca de 6,7% mais de área total no DCI.
Como eu encontro dimensões equivalentes para uma proporção diferente?
Escolha uma proporção-alvo (digamos 16:9) e uma dimensão que você quer manter fixa (digamos uma largura de 1080 pixels). A outra dimensão decorre de uma única multiplicação: altura = 1080 × 9 ÷ 16 = 607,5, arredondada para 608. O painel «Escalar para novo tamanho» acima faz isso automaticamente: mude a nova largura ou a nova altura e a dimensão correspondente é calculada em tempo real.
Por que o 16:10 desapareceu dos monitores?
Os PCs favoreceram brevemente o 16:10 (1680×1050, 1920×1200) entre cerca de 2003 e 2009. A indústria virou para o 16:9 por volta de 2009-2010 porque os fabricantes de TV já estavam produzindo painéis LCD 16:9 em volume para HDTVs, então fazer os monitores com o mesmo formato permitiu que todos compartilhassem as mesmas linhas de fábrica. O 16:10 voltou nos notebooks premium (os modelos recentes de MacBook Pro de 14 e 16 polegadas, além de vários notebooks Windows) porque dá mais espaço vertical para código e documentos.
Isto funciona inteiramente no meu navegador?
Sim. A calculadora são algumas linhas de JavaScript que calculam o MDC e a fórmula de escala localmente; nada é enviado a um servidor, nenhuma conta é necessária, e funciona offline depois que a página é armazenada em cache. O mesmo vale para toda outra ferramenta do Absolutool.