Adicione um quadro do seu Facebook Story e esta ferramenta sobrepõe as áreas exatas onde a interface do Facebook fica por cima — as barras de progresso, o cabeçalho com perfil e nome, a barra de resposta na parte de baixo e (em stories patrocinados ou com link) a zona do botão CTA. Você vê na hora se o seu gancho, o seu produto ou o texto na tela vai sumir atrás de uma barra “Enviar mensagem” ou de um botão “Comprar agora”. Tudo acontece no seu navegador: sua imagem nunca é enviada, armazenada nem transmitida para lugar nenhum.
A tela tem as medidas de um Facebook Story real — 1080 × 1920 px, 9:16 — lidas direto do mesmo conjunto de dados verificado que alimenta nosso guia de tamanhos do Facebook Story, então o quadro daqui e a ficha técnica para a qual ele leva nunca ficam diferentes. As sobreposições são posicionadas com base em medições documentadas da interface do Story, mas servem como guia, não como especificação exata ao pixel — o Facebook ajusta o layout entre versões do aplicativo e dispositivos.
Arraste e solte aqui um quadro do seu vídeo, ou
JPEG, PNG ou WebP, até 20 MB. Processado no seu navegador — nunca enviado.
Seu quadro aparece aqui com as sobreposições da zona segura.
O que a interface cobre
Esta é a parte do quadro inteiro que cada zona da interface ocupa — pura geometria. A ferramenta não vê a sua imagem, então não diz se o elemento principal está coberto; avalie isso você mesmo pela sobreposição acima.
As posições dos elementos da interface são aproximadas e variam conforme a versão do aplicativo, o dispositivo e o tamanho da tela — use as sobreposições como um guia, não como uma especificação exata ao pixel. Dados de junho de 2026.
Sua imagem é processada inteiramente no seu navegador com a API Canvas — ela nunca sai do seu dispositivo, e nada é enviado ou armazenado.
Guia
Um Facebook Story ocupa a tela inteira, mas o aplicativo coloca os próprios controles bem em cima do seu conteúdo — e esses controles não saem do caminho para você. O topo do quadro traz as barras de progresso finas e segmentadas que mostram em que ponto do story você está. Logo abaixo fica a linha do perfil: foto do perfil, nome da conta, data e hora, o menu silenciar/mais opções e o botão fechar (X) — juntos, os elementos do topo ocupam cerca de 14% da altura do quadro. A faixa de baixo é onde acontece a maioria das colisões: os stories orgânicos mostram um campo de resposta “Enviar mensagem” e atalhos de reação nos ~13% inferiores (~250 px) do quadro. As próprias orientações criativas da Meta são ainda mais cautelosas — elas pedem que os designers deixem texto e logotipos fora dos ~340 px inferiores (~18%), para sobrar espaço para os gestos e os elementos de link — então considere ~250 px como a barra de resposta visível e ~340 px como a margem livre recomendada. Se o seu story for patrocinado ou tiver um link para arrastar para cima, o Facebook acrescenta um botão CTA — Saiba mais, Comprar agora e outros — acima da barra de resposta, e a área coberta na parte de baixo sobe para cerca de 20%.
Tudo o que você colocar nessas áreas continua no seu arquivo de imagem, mas quem assiste pode nunca ver com clareza. O erro mais comum é colocar um preço, uma chamada para ação ou o slogan da marca no quinto inferior do quadro, exatamente onde ficam a barra de resposta ou o botão CTA. Sobreponha seu quadro aqui e a colisão fica óbvia antes de você publicar, e não depois.
A área segura confiável em um Facebook Story é a faixa central do quadro — mais ou menos entre 14% e 80% a partir do topo, com uma margem leve longe da borda direita, onde os gestos de toque e os cantos arredondados do aparelho cortam a imagem. Mantenha rostos, produtos, preços e qualquer texto que precise ser lido bem dentro dessa faixa. Em stories orgânicos, o quinto inferior é a zona de perigo; em anúncios, considere o quarto inferior perdido para o botão CTA mais a barra de resposta.
A margem de toque na borda direita é fácil de subestimar. O Facebook usa a extremidade direita do quadro como área de toque para avançar, e os cantos arredondados do celular cortam a faixa externa na maioria dos aparelhos — qualquer coisa importante perto dessa borda vai ser cortada na tela ou coberta por uma área de toque. Uma margem leve e simétrica à esquerda também é uma boa prática. Na dúvida, crie pensando no centro e deixe uma folga nas quatro bordas em vez de empurrar o conteúdo para as extremidades.
Cada porcentagem aqui é a área de uma zona do Story em relação ao quadro 9:16 inteiro — pura geometria, sem olhar para a sua foto. O número que mais importa nos Facebook Stories é o de baixo, porque ele depende do tipo de Story que você está publicando. Um Story orgânico mostra apenas a barra de resposta “Enviar mensagem”, então a área coberta na parte de baixo é só a faixa de resposta. Assim que um Story é patrocinado ou leva um link, o Facebook coloca um botão CTA — Saiba mais, Comprar agora — acima dessa barra, e a área insegura na parte de baixo sobe para cerca de 20%. A mesma composição pode estar perfeitamente segura em um story orgânico e cortada em um anúncio.
Então, se houver chance de você impulsionar este Story ou adicionar um link, ative a zona do botão CTA e crie desde o início pensando nessa faixa de baixo mais alta; se ele for só orgânico, você pode aproveitar o espaço entre a barra de resposta e a zona do CTA. Leia as notas de cada zona para saber qual é qual, e use as medições documentadas como um guia — o Facebook ajusta o layout entre versões do aplicativo e dispositivos. Mantenha uma margem nas bordas.
Não. O quadro do seu Story fica no seu dispositivo — a API Canvas desenha o quadro e as sobreposições da zona segura dentro da própria página, e qualquer prévia anotada que você salvar é baixada direto para você. Nenhum servidor recebe o arquivo, nada é armazenado nem registrado, e tudo funciona do mesmo jeito com a sua conexão desligada.
São as áreas de um Facebook Story em que a própria interface do aplicativo fica por cima do seu conteúdo: as barras de progresso no topo, a linha do cabeçalho com perfil e nome, a barra de resposta na parte de baixo e (em anúncios ou stories com link) a zona do botão CTA acima da barra de resposta. Mantenha tudo o que é importante — seu rosto, sua oferta, o texto na tela — longe dessas áreas e mais perto do centro do quadro.
Não. Ele mapeia as barras de progresso, o cabeçalho do perfil, a barra de resposta e (em anúncios) o botão CTA, e mostra a porcentagem do quadro que cada um cobre — essa é toda a medição. Saber se a sua oferta ou o seu rosto realmente bate na barra de resposta ou no CTA é uma avaliação que você faz olhando, com a sobreposição ativada; não inventamos uma estatística de “elemento principal bloqueado” que uma ferramenta no navegador não consegue medir de fato.
Elas foram transcritas de medições documentadas da interface do Facebook Story, então são precisas o bastante para você planejar — mas são um guia, não uma especificação exata ao pixel. O Facebook muda o layout entre versões do aplicativo, dispositivos e tamanhos de tela, então deixe uma pequena margem em vez de colocar conteúdo bem na borda de uma zona. A zona do botão CTA vale para stories patrocinados e com link; os stories orgânicos mostram apenas a barra de resposta na parte de baixo.
Sobreponha a interface dos Reels do Instagram — a barra superior, a coluna de ações à direita, o bloco de legenda e a navegação — ao seu próprio vídeo para ver o que fica coberto. Funciona no seu navegador.
Verificador de zona segura para Stories do InstagramSobreponha a interface dos Stories do Instagram — barras de progresso, linha do perfil, barra de resposta e margens laterais de toque para avançar — ao seu próprio quadro para ver o que fica coberto. Funciona no seu navegador.
Verificador de zona segura do TikTokSobreponha a interface do feed Para Você do TikTok — as abas superiores, a coluna de ações à direita, o bloco de legenda e a barra de navegação — ao seu próprio vídeo para ver o que fica coberto. Funciona no seu navegador.
0,00 € hoje · cancele quando quiser · garantia de reembolso de 7 dias
Grátis — cole este código em qualquer página. Ele se atualiza sozinho e cria um link de volta para o SocialKit.
<iframe src="https://socialk.it/embed/facebook-story-safe-zone-checker" width="100%" height="920" style="border:1px solid #e5e7eb;border-radius:12px;max-width:680px" loading="lazy" title="Verificador de zona segura do Facebook Story by SocialKit"></iframe>O SocialKit publica Reels agendados direto no Instagram — confira o enquadramento aqui e deixe o calendário publicar na hora certa nas 11 plataformas.
0,00 € hoje · cancele quando quiser · garantia de reembolso de 7 dias