Calculadora de Proporção de Tela

Calcule proporções, redimensione dimensões proporcionalmente e obtenha valores CSS aspect-ratio

16:9
1.7778

Redimensionamento Proporcional

aspect-ratio: 16 / 9;

Calculadora de Proporção de Tela

Calcule proporções, redimensione dimensões proporcionalmente e obtenha valores CSS aspect-ratio

Recursos

  • Calcule a proporção a partir de qualquer largura e altura
  • Redimensionamento proporcional — insira uma nova largura ou altura para calcular automaticamente a outra
  • Predefinições de proporções comuns (16:9, 4:3, 1:1, 21:9, etc.)
  • Pré-visualização visual da proporção
  • Saída da propriedade CSS aspect-ratio
  • Troque as dimensões com um clique
  • Processamento 100% no cliente

Como usar

  1. Insira largura e altura para calcular a proporção.
  2. Ou clique em um botão de proporção predefinida.
  3. Use a seção Redimensionamento Proporcional para encontrar novas dimensões.
  4. Copie o valor CSS aspect-ratio para suas folhas de estilo.

Dicas e Melhores Práticas

  • Use 16:9 para vídeo padrão e apresentações.
  • Use 1:1 para fotos de perfil em redes sociais e publicações no Instagram.
  • A propriedade CSS aspect-ratio é compatível com todos os navegadores modernos.

Perguntas Frequentes

O que é uma proporção de tela?

Uma proporção de tela é a relação proporcional entre largura e altura. Por exemplo, 16:9 significa que para cada 16 unidades de largura há 9 unidades de altura.

Qual é a melhor proporção para vídeo?

16:9 é o padrão para vídeo HD e a maioria das telas. 21:9 é usado para conteúdo ultrawide/cinematográfico. 9:16 é o padrão para vídeo vertical/móvel.

Como funciona o redimensionamento proporcional?

Insira uma nova largura ou nova altura, e a calculadora computará a outra dimensão para manter a mesma proporção — sem esticar ou distorcer.