Ir para o conteúdo
PT

Calculadora de proporção

Descubra a proporção de uma imagem ou tela (16:9, 4:3…), calcule um novo tamanho sem distorcer e receba o código CSS aspect-ratio.

  • Grátis
  • Sem cadastro
  • Nenhum arquivo enviado
  • Windows, Mac, Android, iPhone

Carregando a ferramenta…

Sobre esta ferramenta

Descubra o formato exato de uma imagem, vídeo ou tela: proporção simplificada (16:9, 4:3, 21:9…), proporção comum mais próxima e valor decimal. Calcule um novo tamanho sem distorção, veja as resoluções comuns com a mesma proporção e copie o código CSS aspect-ratio, sua versão antiga ou Tailwind.

Quando usar

Preparar um vídeo ou uma thumbnail

O YouTube espera 16:9, um story 9:16, um post do Instagram 1:1 ou 4:5: confira o formato antes de exportar.

Redimensionar uma imagem proporcionalmente

Você quer 1200 px de largura: a altura certa é calculada na hora.

Incorporar um vídeo responsivo

aspect-ratio: 16 / 9 num iframe do YouTube mantém o formato certo em qualquer largura de tela.

Como usar

  1. Digite a largura e a altura (ou escolha uma proporção).
  2. Veja a proporção simplificada e a proporção comum mais próxima.
  3. Digite uma nova largura ou altura para obter a outra dimensão.

Como funciona

A proporção é simplificada pelo algoritmo de Euclides (máximo divisor comum). Depois é comparada com as proporções comuns: se a diferença for menor que 2%, a proporção comum mais próxima é indicada.

A nova dimensão é arredondada para o pixel mais próximo. O método antigo (padding-top em porcentagem) continua disponível para navegadores que não conhecem aspect-ratio.

Dicas para um melhor resultado

  • Prefira dimensões pares para vídeo: muitos codificadores exigem.
  • Para a web, uma imagem de 1600 a 2000 px de largura basta na maioria dos casos.
  • aspect-ratio evita saltos de layout no carregamento: use em todos os vídeos e imagens incorporados.
  • Para mudar a proporção, corte em vez de esticar: uma imagem distorcida é notada na hora.

Problemas comuns e soluções

A proporção parece estranha (683:384)

O tamanho não bate exatamente com uma proporção comum; a ferramenta indica então a mais próxima.

Minha imagem ficou distorcida ao redimensionar

O novo tamanho não tem a mesma proporção: use a dimensão calculada, ou corte a imagem com “Redimensionar uma imagem”.

aspect-ratio não faz efeito

Ele é ignorado se largura e altura forem definidas ao mesmo tempo. Deixe a altura em auto.

Perguntas frequentes

Como uma proporção é calculada?

A largura e a altura são divididas pelo máximo divisor comum: 1920 × 1080 dá 16:9. A ferramenta faz isso sozinha.

Por que 1366 × 768 dá 683:384?

Essa resolução não é exatamente 16:9. A ferramenta mostra a proporção exata e a comum mais próxima (cerca de 16:9).

Como redimensionar sem distorcer?

Digite a nova largura: a altura é calculada para manter a mesma proporção (e vice-versa).

Para que serve o aspect-ratio do CSS?

A propriedade reserva o espaço de um vídeo ou imagem antes de carregar, sem cálculo nem truque de padding: a página para de pular.

Pesquisas relacionadas

Ainda com problema?

Pergunte no fórum: a categoria, a ferramenta, a ficha do seu dispositivo e o resultado do teste são preenchidos para você.