O que é a proporção de aspeto?

A proporção de aspeto descreve a forma de um fotograma de vídeo como uma relação largura-altura. Quase todos os vídeos padrão do YouTube são filmados e publicados em 16:9 (widescreen), enquanto os Shorts são filmados e publicados em 9:16 (vertical).

Porque importa para incorporar

Se a largura e altura de um leitor não corresponderem a proporção de aspeto real do vídeo, obtem barras pretas ou uma imagem cortada e esticada. Uma incorporação responsiva mantém a proporção correta em qualquer tamanho usando um invólucro baseado em percentagem (56.25% de padding-bottom para 16:9, 177.78% para 9:16) em vez de dimensões fixas em pixeis.

Acertar automaticamente

O gerador de código de incorporação muda o seu invólucro responsivo entre 16:9 e 9:16 automaticamente quando ativa o formato Shorts, por isso não precisa de calcular a percentagem de padding a mao.

Como a proporção de aspeto e expressa em código

A proporção de aspeto e geralmente escrita como dois numeros separados por dois pontos, descrevendo a largura relativa a altura: 16:9 significa que a largura tem 16 unidades para cada 9 unidades de altura, independentemente do tamanho real em pixeis. E por isso que um vídeo de 1280×720 e uma versão de 640×360 da mesma filmagem partilham a mesma proporção 16:9: ambos simplificam para a mesma proporção. Em CSS, esta mesma ideia aparece como uma percentagem (56.25%, que é 9 dividido por 16) usada na técnica clássica de incorporação responsiva, ou diretamente através da propriedade moderna aspect-ratio, escrita como aspect-ratio:16/9.

Um exemplo prático

Imagine uma página de galeria de fotos a misturar vídeos normais do YouTube e Shorts. Usar um tamanho de incorporação fixo para ambos ou cortaria os Shorts verticais de forma estranha numa caixa larga, ou encolheria os vídeos widescreen para caber numa caixa estreita. A solução e aplicar a proporção de aspeto correta por tipo de vídeo: um invólucro 16:9 para vídeos normais, e um invólucro 9:16 separado especificamente para Shorts, cada um reservando a forma certa de espaço antes mesmo de o vídeo carregar.

Proporção de aspeto vs. resolução

Proporção de aspeto e resolução são ideias relacionadas mas distintas, e troca-las e uma fonte comum de confusao. Resolução e a contagem real de pixeis (1920×1080, por exemplo); proporção de aspeto e a proporção a que esses numeros se reduzem (16:9 nesse caso). Dois vídeos podem partilhar uma resolução mas ter proporções de aspeto diferentes se um tiver sido letterboxed, e dois vídeos podem partilhar uma proporção de aspeto em resoluções completamente diferentes: uma pré-visualização de 640×360 e uma versão completa de 1920×1080 são ambas 16:9. Ao construir uma incorporação responsiva, e a proporção de aspeto, e não a resolução específica, que determina as proporções do invólucro.

Errar a proporção e um dos erros de incorporação mais visivelmente obvios, já que produz barras pretas imediatamente notaveis ou vídeo esticado e distorcido.

Perguntas frequentes