A zona segura da miniatura, superfície a superfície

Porque os números que encontra não batem certo

Procure a zona segura de uma miniatura e cada resultado dá-lhe um retângulo diferente. Um diz para manter tudo dentro de 1100 × 620, outro dá uma margem inferior de 40 píxeis, um terceiro desenha a caixa noutro sítio.

Não batem certo porque não há nada com que bater. O YouTube documenta como tem de ser o ficheiro de uma miniatura — dimensões, proporção, formatos, limites de peso, tudo em o guia de tamanhos e especificações — e não diz nada sobre que partes do enquadramento a sua própria interface vai tapar. Cada número de zona segura em circulação é a medição de alguém sobre um alvo em movimento.

Isso não torna a ideia inútil. Os elementos da interface são estáveis: estão nos mesmos cantos há anos, e onde estão pode observar-se. O que se segue é o mapa deles, e uma regra de trabalho em percentagens em vez de píxeis, para sobreviver tanto a uma mudança da sua tela como a uma remodelação da deles. O YouTube publica requisitos para o ficheiro — resolução, proporção, peso, formato — e absolutamente nada sobre o que a sua própria interface desenha por cima. Todos os números de zona segura em circulação, incluindo os de baixo, são a medição de alguém.

O que fica mesmo por cima da sua miniatura

Sobre uma miniatura são desenhadas quatro coisas, e não são igualmente prováveis.

Repare no que não está nessa lista: o título, o nome do canal e as visualizações não são sobreposições. Ficam por baixo ou ao lado e nunca tapam a miniatura — o que não os torna inofensivos, como explica mais abaixo a secção sobre o telemóvel.

O canto inferior direito é o que se perde sempre

O selo da duração é o único elemento com que pode contar todas as vezes, e é a razão pela qual o canto inferior direito não é espaço utilizável.

A largura dele depende da duração do vídeo: cinco minutos dão uma caixa estreita, uma hora dá uma caixa mais larga porque o texto é maior. Portanto nem a área que ocupa é fixa, o que é um argumento para reservar com folga em vez de medir ao milímetro. Reserve o quinto direito da largura e o sexto inferior da altura e fica livre com qualquer duração.

É também onde muitos canais põem o logótipo, e vale a pena dizê-lo sem rodeios: um logótipo no canto inferior direito é um logótipo debaixo de uma caixa preta.

A margem inferior, para quem já cá esteve

A barra vermelha de progresso aparece ao longo do fundo da miniatura para quem já viu parte do vídeo. É fina, mas atravessa toda a largura, e aparece exatamente ao público que mais quer trazer de volta: subscritores, quem regressa pelo histórico, quem parou a meio.

Não lhe custa muito espaço. Custa-lhe os poucos por cento de baixo do enquadramento, e é uma boa razão para não terminar uma linha de texto mesmo na margem inferior, onde uma barra vermelha por baixo das hastes descendentes torna a última palavra mais difícil de ler ao tamanho de um mosaico.

As margens, porque o corte não é um só

O risco maior nem sequer é uma sobreposição: é que o enquadramento que desenhou nem sempre é o que aparece. O mesmo ficheiro surge num cartão da grelha de computador, num cartão do feed do telemóvel, num resultado de pesquisa, numa fila de vídeos sugeridos, na grelha do canal e num televisor, e essas superfícies não tratam as margens da mesma maneira.

Não dá para enumerar isso com segurança, porque muda com as versões das aplicações e com os tamanhos de ecrã. O que pode fazer é deixar de tratar a faixa exterior do enquadramento como espaço de desenho. Mantenha a composição dentro dos noventa por cento centrais e as diferenças deixam de importar: seja o que for que cada superfície corte, corta fundo.

A regra de trabalho, e um modelo

Juntando as quatro coisas sai uma regra que não depende de um número que o YouTube nunca publicou. Numa tela de 1280 × 720:

• Deixar livre — o quinto direito da largura pelo sexto inferior da altura, para o selo da duração.
• Deixar livre — o mesmo bloco em baixo à esquerda, para os selos de direto e legendas.
• Deixar livre — os três por cento de baixo, em toda a largura, para a barra de progresso.
• Área segura — os noventa por cento centrais nas duas direções absorvem as diferenças de corte entre superfícies.
• Texto e rostos — os oitenta por cento centrais por setenta e seis, que é o que sobra depois de respeitado tudo o resto.

Dois modelos a 1280 × 720 para verificar o seu trabalho: uma referência legendada e uma sobreposição transparente para pôr diretamente por cima de um desenho no seu editor. Por dentro são percentagens, portanto escalam para qualquer tela.

Usar os cantos que não pode usar

Reservar essas áreas não é desperdiçá-las. O selo assenta sobre o que estiver por baixo, por isso a única pergunta é sobre o que assenta bem.

Ali vai o fundo: céu, uma parede, uma parte desfocada da cena, uma mancha de cor lisa. Nos cantos de baixo quer algo que se leia igual com ou sem uma caixa preta por cima. Um gradiente que escurece para baixo funciona bem, e tem a vantagem de fazer o selo da duração parecer intencional em vez de largado ali.

O que não vai ali é tudo aquilo de que a composição depende: os olhos do sujeito, o ponto de chegada de um gesto, o fim de um título, um logótipo. Se tirar um deles do canto lhe desequilibra o desenho, normalmente é sinal de que o desenho foi feito para encher o retângulo e não para funcionar ao tamanho de um mosaico.

O título não a tapa, mas leva atenção

No telemóvel o título fica logo por baixo da miniatura, a negrito, quase à mesma largura. Não tapa nada e mesmo assim muda o desenho, porque o olho lê o par como um bloco só.

A consequência prática é que o texto no terço inferior da miniatura compete com o título pelo mesmo olhar, na mesma posição de leitura, quase ao mesmo tamanho. E se as palavras da miniatura repetem as do título, essa competição é também um desperdício: gastou a zona mais forte do enquadramento a dizer algo que o leitor está prestes a ler.

Veja-a ao tamanho a que vai ser vista

Todas as regras acima falham da mesma maneira na prática: são seguidas numa tela a 100%, onde um canto parece enorme e uma margem parece desperdício, e depois o ficheiro sai sem nunca ter sido visto ao tamanho a que vai aparecer.

Uma miniatura na coluna de sugeridos é uma fração da largura a que a desenhou. A esse tamanho, um sujeito empurrado para o canto não está apenas tapado: nunca foi legível. Pôr o seu desenho num feed verdadeiro, ao tamanho verdadeiro, é a verificação que torna a zona segura evidente em vez de teórica, e demora cerca de um minuto com a ferramenta de pré-visualização.

Os erros que isto provoca, por frequência

Quase todas as falhas de zona segura são uma de quatro, e todas se corrigem antes de publicar.

• Uma palavra do título acaba no canto inferior direito, portanto a última palavra fica debaixo do selo da duração.
• O logótipo do canal fica em baixo à direita, meio tapado para sempre.
• Um rosto está cortado tão junto a uma margem que uma superfície que corta uns pontos percentuais lhe entra dentro.
• O texto vai até à margem inferior, onde para quem regressa a barra de progresso atravessa as hastes descendentes.

Os Shorts são um enquadramento completamente diferente

Nada do que está acima passa para os Shorts. O enquadramento é vertical, as superfícies que mostram a miniatura de um Short não são as mesmas, e o corte comporta-se de outra forma: tira em cima e em baixo, não nos cantos.

Se publica os dois formatos, trate-os como dois problemas diferentes e não como um desenho redimensionado. O caso vertical está em o guia sobre miniaturas de Shorts.

As perguntas que toda a gente faz