A zona segura da miniatura, tela por tela

Por que os números que você acha não batem

Pesquise pela zona segura de uma miniatura e cada resultado vai te dar um retângulo diferente. Um manda manter tudo dentro de 1100 × 620, outro fala em 40 pixels de margem embaixo, um terceiro desenha a caixa em outro lugar.

Eles não batem porque não existe nada com que bater. O YouTube documenta como o arquivo da miniatura precisa ser — tamanho, proporção, formatos, limite de peso, tudo em o guia de tamanhos e especificações — e não fala nada sobre quais partes do quadro a interface dele vai cobrir. Todo número de zona segura que circula é a medição de alguém em cima de um alvo que se mexe.

Isso não torna a ideia inútil. Os elementos da interface são estáveis: estão nos mesmos cantos há anos, e dá para observar onde ficam. O que vem abaixo é o mapa deles, mais uma regra de trabalho em porcentagem em vez de pixel, para sobreviver tanto a uma troca da sua tela quanto a uma reforma da interface deles. O YouTube publica requisitos para o arquivo — resolução, proporção, peso, formato — e absolutamente nada sobre o que a interface dele desenha por cima. Todo número de zona segura que circula, incluindo os de baixo, é a medição de alguém.

O que realmente fica por cima da sua miniatura

Quatro coisas são desenhadas em cima de uma miniatura, e elas não têm a mesma chance de aparecer.

Repare no que não está nessa lista: título, nome do canal e visualizações não são sobreposições. Eles ficam embaixo ou do lado e nunca cobrem a miniatura — o que não quer dizer que sejam inofensivos, como explica a seção sobre celular mais adiante.

O canto inferior direito é o que sempre se perde

O selo de duração é o único elemento com que você pode contar todas as vezes, e é por isso que o canto inferior direito não é espaço aproveitá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. Ou seja, nem a área que ele come é fixa — o que é um argumento para reservar com folga em vez de medir no detalhe. Reserve o quinto direito da largura e o sexto de baixo da altura e você fica livre em qualquer duração.

É também onde muito canal coloca a logo, e vale dizer sem rodeio: logo no canto inferior direito é logo embaixo de uma caixa preta.

A borda de baixo, para quem já passou por aqui

A barra vermelha de progresso aparece na parte de baixo da miniatura para quem já assistiu um pedaço do vídeo. Ela é fina, mas atravessa a largura inteira, e aparece justamente para o público que você mais quer trazer de volta: inscritos, gente voltando pelo histórico, quem parou no meio.

Ela não custa muito espaço. Custa os poucos por cento de baixo do quadro, e é um bom motivo para não terminar uma linha de texto colada na borda inferior, onde uma barra vermelha embaixo das hastes descendentes deixa a última palavra mais difícil de ler no tamanho de bloco.

As bordas, porque corte não é uma coisa só

O risco maior nem é uma sobreposição: é que o quadro que você desenhou nem sempre é o quadro que aparece. O mesmo arquivo vai parar num card da grade do computador, num card do feed do celular, num resultado de busca, numa fileira de sugeridos, na grade do canal e na TV — e essas telas não tratam as bordas do mesmo jeito.

Não dá para listar isso com segurança, porque muda com versão de aplicativo e tamanho de tela. O que dá para fazer é parar de tratar a faixa externa do quadro como área de arte. Mantenha a composição dentro dos noventa por cento centrais e as diferenças param de importar: o que cada tela cortar, vai cortar 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:

• Deixe livre — o quinto direito da largura pelo sexto de baixo da altura, para o selo de duração.
• Deixe livre — o mesmo bloco embaixo à esquerda, para os selos de live e legendas.
• Deixe livre — os três por cento de baixo, na largura toda, para a barra de progresso.
• Área segura — os noventa por cento centrais nas duas direções absorvem as diferenças de corte entre as telas.
• Texto e rostos — os oitenta por cento centrais por setenta e seis, que é o que sobra depois de respeitar todo o resto.

Dois modelos em 1280 × 720 para conferir o seu trabalho: uma referência com legendas e uma sobreposição transparente para jogar direto por cima da arte no seu editor. Por dentro são porcentagens, então escalam para qualquer tela.

Usando os cantos que você não pode usar

Reservar essas áreas não é desperdiçar. O selo pousa em cima do que estiver ali embaixo, então a única pergunta é em cima de que ele pousa bem.

Ali entra fundo: céu, uma parede, uma parte desfocada da cena, uma área de cor chapada. Nos cantos de baixo você quer algo que se leia igual com ou sem uma caixa preta em cima. Um degradê escurecendo para baixo funciona bem, e de quebra faz o selo de duração parecer intencional em vez de largado ali.

O que não entra ali é qualquer coisa de que a composição dependa: os olhos do personagem, o ponto de chegada de um gesto, o fim de uma chamada, uma logo. Se tirar um desses do canto desequilibra o layout, normalmente é sinal de que o layout foi feito para preencher o retângulo e não para funcionar no tamanho de bloco.

O título não cobre, mas rouba atenção

No celular o título fica logo abaixo da miniatura, em negrito, quase na mesma largura. Ele não cobre nada e mesmo assim muda a arte, porque o olho lê os dois como um bloco só.

Na prática isso quer dizer que o texto no terço de baixo da miniatura disputa com o título o mesmo olhar, na mesma posição de leitura, quase no mesmo tamanho. E se as palavras da miniatura repetem as do título, essa disputa ainda é desperdício: você gastou a área mais forte do quadro dizendo uma coisa que a pessoa já vai ler em seguida.

Olhe no tamanho em que ela vai ser vista

Todas as regras acima falham do mesmo jeito na prática: elas são seguidas numa tela em 100%, onde um canto parece enorme e uma margem parece desperdício, e aí o arquivo é publicado sem nunca ter sido visto no tamanho em que vai aparecer.

Uma miniatura na coluna de sugeridos é uma fração da largura em que você desenhou. Nesse tamanho, um personagem empurrado para o canto não está só coberto: ele nunca foi legível. Colocar a sua arte dentro de um feed de verdade, no tamanho de verdade, é a conferida que transforma a zona segura em algo óbvio em vez de teórico — e leva mais ou menos um minuto com a ferramenta de preview.

Os erros que isso causa, por frequência

Quase toda falha de zona segura é uma de quatro, e todas dá para corrigir antes de publicar.

• Uma palavra da chamada termina no canto inferior direito, então a última palavra fica embaixo do selo de duração.
• A logo do canal fica embaixo à direita, meio escondida para sempre.
• Um rosto está cortado tão colado numa borda que uma tela que apara alguns por cento entra no rosto.
• O texto vai até a borda de baixo, onde para quem volta a barra de progresso passa no meio das hastes descendentes.

Shorts são um quadro completamente diferente

Nada do que está acima serve para Shorts. O quadro é vertical, as telas que mostram a miniatura de um Short não são as mesmas, e o corte se comporta de outro jeito: ele tira de cima e de baixo, não dos cantos.

Se você publica os dois formatos, trate como dois problemas diferentes e não como uma arte redimensionada. O caso vertical está em o guia sobre miniaturas de Shorts.

As perguntas que todo mundo faz