# Tamanho de story no Facebook e áreas seguras [Canonical HTML page](https://gradiently.design/pt-br/guide/facebook-story-size) Os stories do Facebook preenchem a tela do celular e depois colocam uma barra de progresso, um nome e um campo de resposta sobre o seu design. Veja o formato, as partes que devem ficar livres e o que vale a pena publicar nele. ## The short version - O tamanho de story no Facebook é 1080×1920 pixels, um formato vertical 9:16 que preenche a tela do celular. - O Facebook coloca a barra de progresso e o nome da conta no topo de um story, e o campo de resposta e as reações na base. - Uma regra prática comum, baseada nas orientações da Meta para anúncios em stories, é deixar os cerca de 250 pixels do topo e da base sem texto nem logotipos. - Imagens em outros formatos são redimensionadas para caber no story e o espaço que sobra é preenchido, o que parece menos intencional do que um design em tela cheia. - O mesmo design de 1080×1920 funciona nos stories do Instagram, do Snapchat e do WhatsApp, então um story bem feito pode circular por todos eles. O **tamanho de story no Facebook** é 1080×1920 pixels, um formato vertical 9:16 que preenche a tela do celular. O Facebook desenha a sua própria interface sobre cada story: a barra de progresso e o nome da sua Página ou perfil no topo, o campo de resposta e os botões de reação na base. Crie o fundo de ponta a ponta, mas mantenha palavras, logotipos e rostos fora dos cerca de 250 pixels do topo e da base, uma regra prática baseada nas orientações da Meta para anúncios em stories. ## Dimensões do story no Facebook - Story 1080×1920: 1080 × 1920 - Faixa segura 1080×1420: 1080 × 1420 - Post em retrato 1080×1350: 1080 × 1350 O story inteiro, a faixa do meio que sobra depois dos 250 pixels do topo e da base, e um post de feed em retrato para comparação. A faixa segura é só um pouco mais alta do que um post de feed. Essa comparação é a coisa mais útil para lembrar. Descontada a interface, o espaço onde você pode colocar palavras com segurança é pouco mais alto do que um [post no Facebook](https://gradiently.design/pt-br/guide/facebook-post-size) de 1080×1350. A altura extra de um story é para o clima: fundo, fotografia, movimento. Exporte stories parados em PNG quando forem principalmente texto e cor, e vídeo em MP4 no mesmo tamanho. ## Áreas seguras do story no Facebook | Área | A partir do topo (px) | O que cobre | Use para | | --- | --- | --- | --- | | Topo | 0 a 250 | Barra de progresso, foto do perfil, nome, menu | Só o fundo | | Meio | 250 a 1670 | Nada | Título, detalhes, logotipo, rostos | | Base | 1670 a 1920 | Campo de resposta, reações, compartilhar | Só o fundo | Os celulares têm formatos diferentes, então a interface se desloca um pouco. Margens generosas cobrem todos eles. Um story vertical no Facebook de um café anunciando a sopa do dia, com o texto no centro do quadro Palavras mantidas na faixa do meio, com o fundo passando sob a interface nas duas pontas. Um story vertical no Facebook com contagem regressiva de dois dias para uma feira de primavera, com espaço abaixo das palavras Um quadro de contagem regressiva. O meio inferior vazio deixa espaço para uma figurinha adicionada no app. Se você adiciona figurinhas, links ou texto no app depois de enviar, planeje uma área vazia para eles no meio inferior do quadro. Eles precisam da mesma faixa segura que todo o resto. Para entender melhor como as plataformas se sobrepõem aos seus designs, veja [áreas seguras nas redes sociais](https://gradiently.design/pt-br/guide/social-media-safe-zones). ## Fotos e vídeos que não são 9:16 Envie uma foto na horizontal ou uma arte quadrada para um story e o Facebook a ajusta à largura e preenche o espaço acima e abaixo. Funciona, mas parece improviso, e a imagem acaba pequena no meio de uma tela grande. Para vídeo vertical, grave com o celular em pé ou reenquadre na edição, e mantenha também as legendas fixas dentro da faixa do meio. ### Evite - Posts do feed jogados num story sem mudanças - Palavras nos 250 pixels do topo ou da base - Parágrafos longos num único quadro - Vídeo horizontal num story vertical ### Faça - Um story feito em 1080×1920 desde o começo - Palavras só na faixa do meio - Uma mensagem por quadro, depois o próximo quadro - Vídeo gravado ou editado na vertical Para compartilhar um post do feed como story do jeito certo, monte-o de novo para o formato alto: as mesmas palavras, as mesmas cores, um texto maior e mais fundo. [Tamanho de story no Instagram](https://gradiently.design/pt-br/guide/instagram-story-size) cobre o mesmo formato no Instagram, onde as regras são quase idênticas. ## Compartilhando stories do Instagram no Facebook Se as suas contas do Instagram e do Facebook estão conectadas na Central de Contas da Meta, você pode compartilhar stories do Instagram no Facebook automaticamente ou um de cada vez. Como os dois usam 1080×1920 com interfaces parecidas, um story criado pensando na faixa segura funciona em ambos. As diferenças são pequenas: nem todas as figurinhas interativas são transferidas, então uma enquete no Instagram pode chegar ao Facebook como uma imagem simples. Confira a versão do Facebook uma vez antes de confiar nela. ## Como criar um story no Facebook para uma Página 1. **Escolha a coisa principal** Um quadro parado fica na tela por poucos segundos. O prato do dia, uma data, uma novidade: diga uma coisa por quadro. 2. **Coloque o título logo abaixo da faixa do topo** Entre 300 e 500 pixels para baixo é onde o olhar pousa primeiro, longe do nome e da barra de progresso. 3. **Faça grande** O texto de um story pode ser bem maior do que o do feed. Um título de 90 a 120 pixels se lê num relance. 4. **Deixe o fundo ser a marca** Um story é quase todo fundo. As mesmas cores ou o mesmo material em cada quadro tornam os seus stories reconhecíveis antes de alguém ler o nome. 5. **Veja a prévia com a interface ativa** Publique para um público pequeno ou veja primeiro no seu próprio celular. É o único teste confiável das áreas seguras. Os stories combinam com as atualizações pequenas e frequentes que poluiriam o feed: o que saiu fresco hoje, um lembrete na véspera de um evento, um agradecimento rápido depois dele. [Ideias de story para Instagram](https://gradiently.design/pt-br/guide/instagram-story-design) tem muitas que funcionam igualmente bem no Facebook. O Designer do Gradiently pode escrever e montar quadros como esses a partir de uma descrição curta, no seu Mark em 1080×1920, com um texto que continua legível onde o fundo é mais movimentado. ## Ideias de story no Facebook para uma Página - **O quadro do dia:** o prato especial, a fornada fresca, o horário que acabou de abrir. Uma linha, publicada de manhã. - **Mudança de horário:** um quadro claro para feriados e fechamentos. [Posts de horário de feriado](https://gradiently.design/pt-br/guide/out-of-office-graphic) cobre o texto. - **Contagens regressivas:** três quadros ao longo da semana antes de um evento, o mesmo design com um número novo. Veja [design de post de contagem regressiva](https://gradiently.design/pt-br/guide/countdown-post-design). - **Por trás do balcão:** um clipe vertical curto do próprio trabalho, com um quadro de título parado antes. [Conteúdo de bastidores](https://gradiently.design/pt-br/guide/behind-the-scenes-content) tem mais. - **Obrigado:** depois de um evento ou de um fim de semana movimentado, uma única linha calorosa no seu fundo de sempre. ## FAQ ### Qual o tamanho de um story no Facebook? 1080×1920 pixels, um formato vertical 9:16. ### Qual é a área segura dos stories no Facebook? Mantenha texto e logotipos fora dos cerca de 250 pixels do topo e da base, onde ficam a barra de progresso, o nome, o campo de resposta e as reações. ### O tamanho de story no Facebook é o mesmo do Instagram? Sim. Os dois usam 1080×1920 e as interfaces são parecidas, então um design com as palavras na faixa do meio funciona em ambos. ### Por que a minha foto fica pequena num story do Facebook? Provavelmente ela está na horizontal ou é quadrada. O Facebook a ajusta à largura e preenche o resto; crie ou recorte a imagem em 1080×1920.