Calculadora de Proporção e Gerador de CSS - TikTok/Reels 9:16

Calcule proporções e dimensões faltantes rapidamente. Processamento local no navegador — sem uploads. Inclui predefinições TikTok/Reels 9:16 e snippets de CSS aspect-ratio.

:
16:9
1920px
1080px
 
 
 
 
 
Como usar
 
    

  1. Escolha uma predefinição (9:16, 16:9, 4:5) ou insira uma proporção personalizada.
    2. 

  2. Informe a largura ou a altura.
    3. 

  3. Obtenha a dimensão faltante instantaneamente com prévia ao vivo.
    4. 

  4. Copie o código CSS aspect-ratio gerado para o seu layout.
    5. 



 
 
 
Recursos principais
 
    

  • TikTok/Reels (9:16): Use predefinições verticais para validar rapidamente as dimensões de vídeos para redes sociais.
    • 

  • Gerar CSS aspect-ratio: Gere snippets modernos de CSS aspect-ratio instantaneamente.
    • 

  • Calcular Dimensão Faltante: Calcule largura ou altura automaticamente mantendo a proporção.
    • 

  • Prévia Visual: Visualize a proporção em um retângulo responsivo em tempo real.
    • 

  • Privacidade garantida: Tudo roda localmente no seu navegador.
    • 



 
 
 
Ferramentas relacionadas
 
  
Gerador de Lorem Ipsum (JSON/HTML) - Saída CJK e para Desenvolvedores
 
Gere Lorem Ipsum como texto, HTML <p> ou arrays JSON. Apenas local, sem uploads. Inclui texto de preenchimento em chinês e controles de comprimento variável. Gere agora.
  
Conversor de Cores (HEX/RGB/CMYK) - Verificador de Contraste WCAG
 
Converta HEX, RGB, HSL e CMYK com um verificador de contraste WCAG integrado. Privacidade apenas local — sem uploads. Obtenha valores CMYK prontos para impressão e copie os resultados agora.
  
Seletor de Cores de Imagem Grátis e Gerador de Paletas
 
Selecione, arraste ou cole uma imagem para capturar cores de pixels localmente, copiar valores HEX/RGB/HSL e gerar uma paleta de cores dominantes.
  
 
 
 
Lógica de cálculo
 
    

  • Fórmula:
[
H = W \times \frac{r_H}{r_W}
]
ou
[
W = H \times \frac{r_W}{r_H}
]
    • 

  • Exemplo de CSS:
[
\text{aspect-ratio}: \frac{16}{9}
]
    • 



 
 
 
Perguntas frequentes
 
Qual é a proporção ideal para TikTok e Reels?


O padrão é 9:16 (vertical). Uma resolução comum é 1080×1920. Use a predefinição 9:16 para verificar suas dimensões.


Como usar aspect-ratio no CSS?


Use aspect-ratio: 16/9;. Geramos o snippet e fallbacks úteis para o seu layout.


Meus dados estão seguros (local/privacidade)?


Sim. Todos os cálculos são feitos localmente sem uploads ou armazenamento em servidor.


É gratuito? Posso usar no trabalho?


É gratuito e funciona bem para criadores e equipes que precisam alinhar dimensões de vídeo e interface.


Por que vejo diferenças de 1 a 2 pixels?


Algumas dimensões exigem arredondamento para pixels inteiros. Arredondamos para o inteiro mais próximo preservando a proporção o máximo possível.