Calculadora de proporção
Aspect Ratio Calculator
Calcula a dimensão que falta para uma proporção alvo e lista os tamanhos padrão que ela corresponde.
Calcula a outra dimensão para uma dada proporção, diz qual proporção padrão um tamanho é (dentro de uma tolerância, porque tamanhos reais não são redondos) e computa a maior caixa dessa proporção que cabe dentro de outra.
Proporção
Vídeo HD, quase toda tela, YouTube.
16:9 · 1,7778:1
Calcular
1920 × 1080
Proporção real
1,7778:1
Erro de arredondamento
0,000%
Prévia
O que é este tamanho
- 16:90,000%Vídeo HD, quase toda tela, YouTube.
A identificação é por tolerância, não por redução exata: 1366×768, a resolução de notebook mais vendida de todos os tempos, é 683:384, e um comparador exato diria que não é nada.
Caber dentro de uma caixa
O maior que cabe: 1280 × 720
Ajustado para pixels pares: a subamostragem de croma do H.264 trabalha em blocos de 2×2, e uma dimensão ímpar é rejeitada ou preenchida em silêncio.
Tamanhos padrão
- 1280×720 · 16:9
- 1920×1080 · 16:9
- 3840×2160 · 16:9
- 1366×768 · 16:9
- 2560×1664
- 1179×2556
- 1080×1080 · 1:1
- 1080×1350 · 4:5
- 1080×1920 · 9:16
- 1200×630 · 1.91:1
- 1280×720 · 16:9
- 2480×3508
- 794×1123
- 2550×3300
Como usar
Defina a proporção
Digite-a, ou pegue uma predefinição — 16:9, 4:3, 1:1, 9:16, 2.39:1 e as demais. A forma reduzida e o decimal aparecem ao lado.
Informe o lado que você conhece
O outro lado é calculado, junto com a proporção que você realmente obtém depois do arredondamento e a distância dela para a proporção que você pediu.
Ou encaixe dentro de uma caixa
Informe o contêiner e receba o maior tamanho da sua proporção que cabe, ajustado a pixels pares — o H.264 trabalha com blocos de croma 2×2, e uma dimensão ímpar é rejeitada ou preenchida em silêncio.
Perguntas frequentes
O que o erro de arredondamento significa na prática?
Que pixels inteiros não conseguem atingir a sua proporção exatamente. Em um vídeo, aparece como uma linha fina preta ao longo de uma borda depois da codificação — melhor saber antes da exportação do que depois.
Por que 1366×768 não sai como 16:9?
Porque não é — exatamente, é 683:384. É também a resolução de notebook mais comum já vendida. Comparar por tolerância em vez de por redução exata é o que permite chamá-la de 16:9 com o erro mostrado, o que é mais útil do que não chamá-la de nada.
O `aspect-ratio` do CSS é a mesma coisa?
É a proporção, e o botão de copiar entrega a declaração. O que ele não faz é escolher dimensões em pixels — o navegador dimensiona o elemento a partir do contêiner, o que normalmente é o que você quer em uma página e nunca o que você quer para uma exportação.
Pode receber de
Seletor de cores
Colour Picker
Escolhe uma cor num campo OKLCH, com conta-gotas de tela ou a partir de uma imagem enviada, e a copia em qualquer notação.
Conversor de formato de cor
Colour Format Converter
Converte uma cor entre HEX, RGB, HSL, HWB, LAB, LCH e OKLCH e nomeia a cor conhecida mais próxima.
Verificador de contraste
Contrast Checker
Pontua um par de cores de texto e fundo contra WCAG 2 e APCA e sugere a cor aprovada mais próxima.
Gerador de paleta de cores
Palette Generator
Monta uma paleta harmoniosa a partir de uma cor base usando regras complementar, triádica e análoga.
Em seguida
Estas aceitam o que esta ferramenta produz, então o resultado pode ir direto.
Calculadora de tamanho fluido
Fluid Size Calculator
Calcula uma expressão clamp() que escala um tamanho suavemente entre duas larguras de viewport.
Cortar imagem
Image Cropper
Corta uma região livre ou de proporção fixa e pode aparar automaticamente bordas uniformes ou transparentes.
Redimensionar imagem
Image Resizer
Redimensiona por pixels, porcentagem ou pelo lado maior desejado, com proporção travada e predefinições para lotes.
Cortar enquadramento e proporção
Video Crop & Aspect
Corta o quadro com uma janela arrastável travada em 9:16, 1:1, 16:9, 4:5 ou livre, ou o preenche com barras até a proporção desejada, e então recodifica no seu aparelho.
Conversor de formato de cor
Colour Format Converter
Converte uma cor entre HEX, RGB, HSL, HWB, LAB, LCH e OKLCH e nomeia a cor conhecida mais próxima.
Seletor de cores
Colour Picker
Escolhe uma cor num campo OKLCH, com conta-gotas de tela ou a partir de uma imagem enviada, e a copia em qualquer notação.