Vídeo 16:9 numa caixa 4:3
- Entrada
- Caixa 1600 x 1200, conteúdo 16:9
- Saída esperada
- Caber: 1600 x 900, tarjas de 150 px em cima e embaixo
Preencher na mesma caixa corta 25% da largura.
como calcular proporção de tela
A proporção descreve a forma de um retângulo, independentemente do tamanho: 1920x1080 e 1280x720 são ambos 16:9. Saber a razão evita imagens esticadas ao redimensionar e ajuda a prever tarjas ao exibir um vídeo numa tela diferente. A calculadora abaixo abre em 1920x1080.
Preencher na mesma caixa corta 25% da largura.
A razão 16:9 é preservada e a imagem não distorce.
Divida largura e altura pelo máximo divisor comum. Para 1920x1080 o divisor é 120 e a razão é 16:9. O decimal, 1,7778, é largura dividida por altura.
Use a propriedade aspect-ratio, por exemplo aspect-ratio: 16 / 9; no elemento. A ferramenta tem um botão que copia essa linha pronta.
A série A (ISO 216) usa raiz de 2, cerca de 1,414. O preset A4 da ferramenta usa 2480x3508 px, que é o A4 a 300 PPI.