Calculadora de Proporção de Aspecto
Calcule as proporções de aspecto de imagens e vídeos. Digite dois valores para encontrar o terceiro, ou escolha uma proporção predefinida para tamanhos comuns de vídeo e mídia social.
Common presets
Aspect Ratio
16:9
Decimal
1.7778
Percentage (W/H)
177.78%
Visual preview
16:91,920px1,080px
CSS
aspect-ratio: 16 / 9;
Como Usar Calculadora de Proporção de Aspecto
- 1Digite a largura e a altura da sua imagem ou vídeo.
- 2A proporção de aspecto e a fração simplificada são mostradas instantaneamente.
- 3Ou escolha uma proporção predefinida e digite uma dimensão para calcular a outra.
- 4Visualize as resoluções comuns para a proporção selecionada.
ZenovayAnalytics
Veja quem está no seu site agora mesmo.
- Acompanhamento de visitantes em tempo real
- Privacidade em primeiro lugar, sem banner de cookies
- Configurado em dois minutos
Ferramentas Relacionadas
Formatador e Validador de JSON
Formate, valide e embeleze dados JSON com destaque de sintaxe e detecção de erros.Decodificador JWT
Decodifique e inspecione tokens JWT. Visualize cabeçalho, payload e verifique assinaturas.Codificar/Decodificar Base64
Codifique texto para Base64 ou decodifique Base64 de volta para texto. Suporta dados UTF-8 e binários.Encode/Decode de URL
Codifique ou decodifique componentes de URL. Trate caracteres especiais, strings de consulta e URLs completas.Perguntas Frequentes
O que é uma proporção de aspecto?▾
Uma proporção de aspecto é a relação proporcional entre a largura e a altura de uma imagem ou vídeo, expressa como L:A. Por exemplo, 16:9 significa que para cada 16 unidades de largura há 9 unidades de altura. Proporções comuns: 16:9 (vídeo HD widescreen, YouTube), 4:3 (TV/monitor antigos, iPad paisagem), 1:1 (quadrado, Instagram), 9:16 (vídeo vertical, TikTok/Reels), 3:2 (fotos DSLR, filme 35mm), 21:9 (cinema ultrawide).
Por que as proporções de aspecto importam para web e vídeo?▾
As proporções de aspecto importam para: (1) Incorporação de vídeos — usar a proporção errada causa pillarboxing ou distorção. (2) Otimização de imagens — corte imagens para a proporção de exibição exata antes de fazer upload para evitar corte pelo navegador. (3) CSS — definir aspect-ratio: 16/9 em um contêiner garante que ele sempre mantenha suas proporções independentemente da largura. (4) Redes sociais — cada plataforma tem proporções diferentes necessárias para exibição ideal (Twitter: 16:9 ou 1:1, Instagram: 1:1, 4:5 ou 9:16).
Como mantenho a proporção de aspecto em CSS?▾
CSS moderno: aspect-ratio: 16 / 9 diretamente no elemento. A altura do elemento corresponderá automaticamente à sua largura na proporção fornecida. Método legado (padding hack): defina height: 0 e padding-bottom: 56.25% em um contêiner (56.25% = 9/16 × 100%) — isso funciona em navegadores mais antigos. Para vídeos responsivos, envolva em uma div com aspect-ratio: 16/9 e defina o iframe/vídeo como width: 100%; height: 100%.
Qual resolução devo usar para diferentes proporções de aspecto?▾
16:9 — 1280×720 (720p HD), 1920×1080 (1080p Full HD), 3840×2160 (4K UHD), 2560×1440 (2K QHD). 4:3 — 1024×768, 1280×960, 800×600. 1:1 — 1080×1080 (Instagram). 9:16 — 1080×1920 (Stories/Reels/TikTok). 3:2 — 1920×1280, 2400×1600. 21:9 — 3440×1440, 2560×1080. Para imagens da web, sirva em 2× o tamanho de exibição CSS para displays retina.
Como calculo uma dimensão ausente?▾
Se você conhece a largura (L) e a proporção de aspecto (L_razão:A_razão), a altura é: A = L × (A_razão / L_razão). Por exemplo, 1920px de largura em 16:9 → A = 1920 × (9/16) = 1080px. Se você conhece a altura, a largura é: L = A × (L_razão / A_razão). Esta calculadora lida com todos esses cálculos automaticamente — apenas insira dois valores.