Verificadores de zona segura — ferramentas de sobreposição grátis para cada plataforma

A maioria dos formatos de vídeo curto e de imagem em tela cheia é exibida de uma borda à outra, mas o app não entrega o quadro inteiro para você. Ele reserva regiões para os próprios controles: uma barra de status e um rótulo no topo, uma coluna vertical de ações (curtir, comentar, compartilhar, salvar, áudio) em um dos lados e um bloco denso na parte de baixo, com o nome de usuário, a legenda, o crédito do áudio e a navegação do dispositivo. Essas regiões não saem da frente para dar espaço ao seu conteúdo — elas ficam por cima dele.

A zona segura é tudo o que sobra: a área em que você pode colocar o conteúdo importante e ter certeza de que ele vai ser visto. Em um clipe 9:16, ela fica mais ou menos no centro do quadro, um pouco puxada para cima, bem longe da coluna da direita e do terço inferior. Suas imagens não são cortadas — tudo o que fica embaixo da interface continua no arquivo —, mas fica coberto, e para um gancho ou uma chamada para ação isso é tão ruim quanto.

Cada ferramenta desenha as zonas da interface da plataforma escolhida como retângulos com rótulos sobre um quadro que você fornece e depois mostra um número honesto por zona: a porcentagem do quadro total que essa zona cobre. Esse valor é geometria pura — a ferramenta não analisa a sua imagem e não diz se o elemento principal está coberto, porque nenhuma ferramenta de navegador consegue saber qual é o elemento principal do seu clipe sem adivinhar. Em vez de inventar uma pontuação de “elemento principal coberto” com uma confiança falsa, preferimos entregar um mapa preciso da interface e deixar que você avalie a sobreposição com os próprios olhos.

Ative ou desative as zonas na lista “Zonas da interface” para isolar uma delas enquanto você ajusta o posicionamento, e leia a observação de cada zona para entender o que aquela região contém. As posições foram transcritas de medições documentadas da interface, não de suposições — mas continuam sendo um guia, e não uma especificação exata ao pixel, porque as plataformas ajustam os layouts entre versões do app, dispositivos e tamanhos de tela.

Estes verificadores usam a API Canvas do navegador. Seu quadro vai do seu dispositivo para a memória da página, é desenhado ali mesmo com as sobreposições, e qualquer prévia anotada que você baixar volta direto para o seu dispositivo. Nada é enviado, armazenado ou registrado — não há conta, não há fila e não há ida e volta a nenhum servidor. As ferramentas funcionam do mesmo jeito offline e no Wi-Fi, e, quando você fecha a aba, nada fica para trás.

O único dado que a página busca do nosso lado é o tamanho do canvas para o formato que você escolheu, que vem do mesmo conjunto de dados verificado e datado dos nossos guias de tamanhos. Assim, o quadro que você confere fica sempre em sincronia com a ficha técnica para a qual ele leva, e os dois nunca ficam diferentes sem ninguém perceber.

Seja qual for a plataforma em que você publica, o espaço confiável é o centro do quadro. Mantenha rostos, produtos e qualquer texto que precise ser lido dentro dessa faixa, longe da coluna de ações e do bloco inferior. Se o seu gancho é um texto, ele funciona melhor na parte central superior — alto o bastante para escapar do bloco de legenda e baixo o bastante para ficar abaixo da barra do topo. Fundos decorativos podem ir de uma borda à outra sem problema nenhum; são os elementos importantes que precisam ficar à vista.

Trate as margens laterais e a margem inferior como espaço emprestado: boas para criar clima, arriscadas para qualquer coisa que o espectador realmente precise ver. E como as sobreposições são um guia confiável, e não um corte exato, deixe uma pequena margem em vez de colocar conteúdo bem na borda de uma zona.