Veja também: Guia completo de safe zone para Instagram | Safe zone para Reels
Safe zone para Stories do Instagram define a área do criativo que permanece visível sem ser coberta pela barra de progresso, pelo perfil do autor, pelos botões de resposta ou pelo botão de CTA em anúncios. No Stories, as áreas bloqueadas são previsíveis e consistentes: topo e base. O que varia é o quanto cada elemento cobre dependendo do tipo de publicação, orgânica ou anúncio.
Para gestores que usam Stories como canal de conversão, com links, CTAs e swipe up, a safe zone para Stories é especialmente crítica. O botão de ação precisa estar visível para que o usuário clique. Se estiver fora da área segura, desaparece atrás dos controles do aplicativo.
Safe zone para Stories: dimensões e áreas bloqueadas
Checklist para Stories
- CTA de swipe up / link: posicionar entre 75% e 80% da altura (acima dos 310 px bloqueados)
- Logo ou nome da marca: posicionar abaixo dos 250 px do topo (abaixo da barra de progresso)
- Texto principal: manter entre 15% e 80% da altura do frame
- Em Stories Ads: CTA de link precisa estar acima dos 440 px da base para não colidir com botao Meta
O frame completo do Stories é 1080 x 1920 px. A safe zone para Stories no modo orgânico é de 1080 x 1610 px, com 250 px bloqueados no topo pela barra de progresso e perfil, e 310 px bloqueados na base pelos botões de resposta, emoji e envio.
O que bloqueia cada região da safe zone para Stories
Topo (250 px bloqueados): a barra de progresso das histórias fica no topo absoluto, ocupando cerca de 4 px de altura mas com uma zona de toque de aproximadamente 40 px. Abaixo dela fica o avatar do perfil (foto de 36 px mais margem), o nome do usuário e o horário de publicação. Essa região ocupa aproximadamente 250 px do topo do frame. Qualquer texto do criativo nessa área vai colidir visualmente com o nome do perfil ou ficar atrás da barra de progresso.
Base (310 px bloqueados): a barra inferior do Stories tem três elementos sobrepostos ao criativo: o campo de texto “Enviar mensagem” ou “Responder a [nome]”, o emoji de coração rápido e o ícone de compartilhamento direto. Essa região ocupa aproximadamente 310 px da base. Qualquer CTA do criativo posicionado aqui vai ficar coberto ou visualmente confuso com esses controles.
Em Stories Ads, a base aumenta: quando o Stories vira anúncio no Meta, o sistema adiciona um botão de CTA acima da barra de resposta. Esse botão tem aproximadamente 130 px de altura e fica logo acima do campo de resposta.
Onde posicionar o CTA no Stories para garantir visibilidade
O CTA no Stories orgânico deve estar entre 70% e 80% da altura do frame, contada de cima para baixo. Em pixels, isso equivale a posicionar o elemento entre aproximadamente 1.340 px e 1.530 px de distância do topo, dentro da safe zone de 1610 px.
Essa posição segue uma lógica de UX: o usuário lê o conteúdo principal no centro do frame e depois o olhar desce naturalmente para o CTA. Se o CTA estiver muito alto, compete com o conteúdo principal. Se estiver muito baixo, some atrás dos controles do aplicativo.
Em Stories Ads com botão de link, o próprio Meta fornece o botão de CTA como elemento de interface. Nesse caso, o criativo não precisa de um CTA visual no frame: a mensagem deve guiar o usuário para o botão que o Meta já posiciona automaticamente. Criar um CTA redundante no criativo além do botão do Meta gera confusão visual e reduz o desempenho do anúncio, segundo dados de testes da própria Meta de 2024.
Safe zone para Stories: diferença entre vertical e full-screen
O Stories é sempre exibido em modo full-screen no celular, o que significa que o frame de 1080 x 1920 px ocupa toda a tela. Isso é diferente do feed, onde a imagem aparece em um espaço delimitado entre outros posts.
Em full-screen, as bordas do frame são as bordas da tela do celular. Não existe borda preta ou área de fora do conteúdo. Isso torna a safe zone para Stories mais crítica do que em outros formatos: o que está fora da safe zone está literalmente atrás de um botão do sistema operacional ou de um controle do aplicativo, sem nenhuma margem visual extra.
Em celulares com notch (entalhe na parte superior da tela), o notch pode cobrir parte dos primeiros 60-80 px do frame, além da barra de progresso e do perfil. Criativos que posicionam elementos muito próximos ao topo absoluto do frame podem ter problemas específicos nesses dispositivos.
Como testar a safe zone para Stories antes de publicar
O método mais confiável é subir o criativo como rascunho no Instagram, abrir no próprio celular antes de publicar e verificar visualmente se todos os elementos estão aparecendo. O Instagram permite salvar um Stories como rascunho sem publicar, o que viabiliza essa revisão.
Para anúncios, o Meta Ads Manager tem um preview do criativo por posicionamento. Na criação do conjunto de anúncios, clique em “Visualizar anúncio” e selecione o posicionamento Stories. O preview mostra exatamente como o criativo vai aparecer com o botão de CTA, o perfil e o label “Patrocinado” sobrepostos.
Conclusão: safe zone para Stories é mais simples que Reels, mas igualmente crítica
A safe zone para Stories é mais simples de gerenciar do que a do Reels porque não tem a lateral direita bloqueada. Mas é igualmente crítica porque é o formato mais usado para conversão direta: link na bio, swipe up, botão de CTA em anúncio. Um CTA fora da safe zone no Stories é uma conversão perdida.
A regra de ouro para Stories é a mesma de todos os formatos: visualizar no celular antes de publicar. O que parece perfeito no computador, com o frame completo visível, pode ter o CTA completamente coberto quando aberto no Instagram num celular real.
FAQ
Qual é a safe zone para Stories do Instagram?
A safe zone para Stories do Instagram no modo orgânico é de 1080 x 1610 px, dentro do frame total de 1080 x 1920 px. O topo (250 px) é bloqueado pela barra de progresso e pelo perfil. A base (310 px) é bloqueada pelos botões de resposta e envio. Em anúncios, a safe zone efetiva cai para 1080 x 1480 px por causa do botão de CTA que o Meta adiciona.
Posso usar texto na parte inferior do Stories?
Sim, desde que o texto esteja acima dos 310 px bloqueados pela base. Em termos práticos, qualquer texto deve terminar antes de 80% da altura total do frame (antes dos 1.530 px contados do topo). Em anúncios, esse limite sobe para 77% (antes dos 1.480 px), para não colidir com o botão de CTA do Meta.