Free tools

Verificador de Zona Segura do Facebook Story (Grátis — Sobrepõe o Teu Frame)

Carrega um frame do teu Facebook Story e esta ferramenta sobrepõe as zonas exatas onde a interface do Facebook assenta por cima — as barras de progresso, o cabeçalho com perfil e nome, a barra de resposta no fundo e (em stories patrocinados ou com link) a zona do botão CTA. Vês de imediato se o teu gancho, o produto ou o texto no ecrã vai desaparecer atrás de uma barra "Enviar mensagem" ou de um botão "Comprar agora". Tudo acontece no teu navegador: a tua imagem nunca é carregada, guardada nem enviada para lado nenhum.

A tela corresponde a um Facebook Story real — 1080 × 1920 px, 9:16 — lida diretamente do mesmo conjunto de dados verificado que está por detrás do nosso guia de tamanhos para Facebook Story, por isso o frame aqui e a ficha de especificações que ele referencia nunca podem divergir. As sobreposições são posicionadas com base em medições documentadas da interface do Story, mas servem de guia e não de especificação exata ao píxel — o Facebook ajusta o seu layout entre versões da aplicação e dispositivos.

Drag and drop a frame from your clip here, or

JPEG, PNG, or WebP, up to 20 MB. Processed in your browser — never uploaded.

Your frame will appear here with the safe-zone overlays.

Interface zones

Toggle a zone to show or hide its overlay.

What the interface covers

These are the share of the total frame each interface zone occupies — pure geometry. The tool can’t see your image, so it makes no claim about whether your subject is covered; judge that against the overlay above.

  • Barra de progresso (topo) covers 3.5% of the frame
  • Perfil + nome + fechar covers 11% of the frame
  • Barra de resposta / Enviar (fundo) covers 13% of the frame
  • Zona do botão CTA (stories patrocinados / com link) covers 5.3% of the frame
  • Margem de toque / deslize na borda covers 5.3% of the frame

As posições dos elementos de interface são aproximadas e variam consoante a versão da aplicação, o dispositivo e o tamanho do ecrã — trata as sobreposições como um guia, não como uma especificação exata ao píxel. A partir de junho de 2026.

Your image is processed entirely in your browser with the Canvas API — it never leaves your device, and nothing is uploaded or stored.

Compartilhar esta ferramenta

Guide

Designing for the safe zones

Onde a interface do Facebook Story fica realmente posicionada

Um Facebook Story reproduz em ecrã completo, mas a aplicação coloca os seus próprios controlos diretamente por cima do teu conteúdo — e esses controlos não se afastam para te dar espaço. No topo do frame ficam as finas barras de progresso segmentadas que indicam a posição no story. Imediatamente abaixo está a linha do perfil: foto de perfil, nome da conta, data e hora, o menu silenciar/mais e o botão fechar (X) — em conjunto, o cromo superior ocupa cerca de 14% da altura do frame. A faixa inferior é onde mais colisões acontecem: os stories orgânicos mostram um compositor de respostas "Enviar mensagem" e atalhos de reação ao longo dos ~13% inferiores (~250 px) do frame. As próprias orientações criativas da Meta são ainda mais conservadoras — recomendam que designers mantenham texto e logótipos fora dos ~340 px inferiores (~18%) para deixar espaço para gestos e elementos de link — por isso trata ~250 px como a barra de resposta visível e ~340 px como a margem de segurança recomendada. Se o teu story for patrocinado ou incluir um link de swipe-up, o Facebook acrescenta um botão CTA — Saber Mais, Comprar Agora, entre outros — acima da barra de resposta, fazendo com que a oclusão total no fundo suba para cerca de 20%.

Tudo o que colocares nessas zonas continua no teu ficheiro de imagem, mas quem vê pode nunca vê-lo claramente. O erro mais comum é pôr um preço, uma chamada à ação ou um slogan de marca no quinto inferior do frame, exatamente onde cai a barra de resposta ou o botão CTA. Sobrepõe o teu frame aqui e a colisão é óbvia antes de publicares, e não depois.

Compor para a zona que sobrevive

A área de segurança fiável num Facebook Story é a faixa central do frame — aproximadamente entre 14% a partir do topo e 80% a partir do topo, mantendo uma margem leve na borda direita onde os gestos de toque e os cantos arredondados do dispositivo cortam a imagem. Mantém rostos, produtos, preços e qualquer texto que precisas de ser lido bem dentro dessa faixa. Em stories orgânicos, o quinto inferior é a zona de perigo; em anúncios, trata o quarto inferior como 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 frame como zona de toque para avançar, e os cantos arredondados do telemóvel cortam a faixa exterior na maioria dos dispositivos — qualquer coisa crítica perto dessa borda será cortada visualmente ou coberta por um alvo de toque. Uma margem leve e simétrica à esquerda também é uma boa prática. Na dúvida, desenha para o centro e dá-te folga nas quatro bordas em vez de empurrar o conteúdo para os extremos.

Orgânico vs. anúncio: porque o número do fundo muda

Cada percentagem aqui é a área de uma zona do Story em relação ao frame 9:16 completo — geometria pura, sem olhar para a tua foto. O número que mais importa nos Facebook Stories é o do fundo, porque depende do tipo de Story que estás a publicar. Um Story orgânico mostra apenas a barra de resposta "Enviar mensagem", por isso a oclusão no fundo é apenas a faixa de resposta. No momento em que um Story é patrocinado ou tem um link, o Facebook adiciona um botão CTA — Saber Mais, Comprar Agora — acima dessa barra, e a zona inferior insegura sobe para cerca de 20%. A mesma composição pode ser perfeitamente segura num story orgânico e estar cortada num anúncio.

Por isso, se puderes vir a promover este Story ou adicionar um link, ativa a zona do botão CTA e desenha já para essa faixa inferior mais alta; se for estritamente orgânico, podes recuperar o espaço entre a barra de resposta e a zona CTA. Lê as notas por zona para saber qual é qual, e trata as medições documentadas como um guia — o Facebook ajusta o layout entre versões da aplicação e dispositivos. Mantém uma margem nas bordas.

Perguntas frequentes

Esta ferramenta carrega a minha imagem ou frame de vídeo?

Não. O teu frame do Story fica no teu dispositivo — a Canvas API desenha-o e as sobreposições de zona segura na própria página, e qualquer pré-visualização anotada que guardares é transferida diretamente para ti. Nenhum servidor recebe o ficheiro, nada é guardado ou registado, e tudo funciona da mesma forma com a ligação desligada.

Quais são as zonas seguras do Facebook Story?

São as áreas de um Facebook Story onde a própria interface da aplicação fica por cima do teu conteúdo: as barras de progresso no topo, a linha do cabeçalho com perfil e nome, a barra de resposta no fundo e (para anúncios ou stories com link) a zona do botão CTA acima da barra de resposta. Mantém tudo o que é importante — o rosto, a oferta, o texto no ecrã — longe dessas zonas e em direção ao centro do frame.

O verificador deteta se o meu sujeito está coberto?

Não. Mapeia as barras de progresso, o cabeçalho do perfil, a barra de resposta e (para anúncios) o botão CTA, e indica a percentagem do frame que cada um ocupa — essa é a medição completa. Se a tua oferta ou o teu rosto colide realmente com a barra de resposta ou o CTA é uma decisão que tomas à vista com a sobreposição ativa; não fabricamos uma estatística de "sujeito bloqueado" que uma ferramenta no navegador não consegue de facto medir.

As posições da sobreposição são exatas?

São transcritas a partir de medições documentadas da interface do Facebook Story, por isso são suficientemente precisas para planear — mas são um guia, não uma especificação exata ao píxel. O Facebook altera o seu layout entre versões da aplicação, dispositivos e tamanhos de ecrã, por isso deixa uma pequena margem em vez de colocares conteúdo mesmo na borda de uma zona. A zona do botão CTA aplica-se a stories patrocinados e com link; os stories orgânicos mostram apenas a barra de resposta no fundo.

Incorpora esta ferramenta no teu site

Grátis — cola este código em qualquer página. Mantém-se atualizado automaticamente e cria uma ligação de volta para a 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>

Framed it right? Now schedule the Reel

SocialKit publishes scheduled Reels natively to Instagram — check your framing here, then let the calendar publish it at the right time across all 11 platforms.

Iniciar o meu teste grátis

0,00 € hoje · cancela quando quiseres · garantia de reembolso de 7 dias