# Tamanho dos stories do Facebook e zonas seguras [Canonical HTML page](https://gradiently.design/pt-pt/guide/facebook-story-size) Os stories do Facebook enchem o ecrã do telemóvel e depois põem uma barra de progresso, um nome e um campo de resposta por cima do teu design. Eis o quadro, as partes a manter livres e o que vale a pena publicar nele. ## The short version - O tamanho dos stories do Facebook é 1080×1920 píxeis, um quadro vertical 9:16 que enche o ecrã do telemóvel. - 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 em baixo. - Uma regra de trabalho comum, baseada nas orientações da Meta para anúncios em stories, é manter cerca de 250 píxeis do topo e da base livres de texto e logótipos. - As imagens de outras formas são redimensionadas para caber no quadro do story e o espaço que sobra é preenchido, o que parece menos intencional do que um design de quadro completo. - O mesmo design de 1080×1920 serve para stories do Instagram, do Snapchat e do WhatsApp, por isso um story bem feito pode viajar por todos. O **tamanho dos stories do Facebook** é 1080×1920 píxeis, um quadro vertical 9:16 que enche o ecrã do telemóvel. O Facebook desenha a sua própria interface sobre cada story: a barra de progresso e o nome da tua Página ou perfil no topo, o campo de resposta e os botões de reação em baixo. Desenha o fundo de ponta a ponta, mas mantém texto, logótipos e caras fora dos cerca de 250 píxeis de cima e de baixo, uma regra de trabalho baseada nas orientações da Meta para anúncios em stories. ## Dimensões dos stories do Facebook - Story 1080×1920: 1080 × 1920 - Meio seguro 1080×1420: 1080 × 1420 - Publicação vertical 1080×1350: 1080 × 1350 O story completo, a faixa do meio que sobra depois dos 250 píxeis de cima e de baixo, e uma publicação vertical de feed para comparar. A faixa segura é só um pouco mais alta do que uma publicação de feed. Essa comparação é o que mais convém recordar. Contando com a interface, o espaço onde podes pôr texto em segurança é pouco mais alto do que uma [publicação do Facebook](https://gradiently.design/pt-pt/guide/facebook-post-size) de 1080×1350. A altura extra de um story serve para atmosfera: fundo, fotografia, movimento. Exporta stories fixos como PNG quando são sobretudo texto e cor, e vídeo como MP4 no mesmo tamanho. ## Zonas seguras dos stories do Facebook | Zona | A partir do topo (px) | O que a tapa | Para que usar | | --- | --- | --- | --- | | Topo | 0 a 250 | Barra de progresso, foto de perfil, nome, menu | Só fundo | | Meio | 250 a 1670 | Nada | Título, pormenores, logótipo, caras | | Base | 1670 a 1920 | Campo de resposta, reações, partilha | Só fundo | Os telemóveis diferem na forma, por isso a interface move-se um pouco. Margens generosas cobrem todos. Um story vertical do Facebook de um café a anunciar a sopa do dia, com o texto no centro do quadro Texto na faixa do meio, com o fundo a correr por baixo da interface nas duas pontas. Um story vertical do Facebook a contar dois dias para um mercado de primavera, com espaço por baixo do texto Um quadro de contagem decrescente. O espaço vazio na parte inferior do meio deixa lugar a um autocolante acrescentado na aplicação. Se acrescentares autocolantes, ligações ou texto na aplicação depois de carregares, planeia uma zona vazia para eles na parte inferior do meio do quadro. Precisam da mesma faixa segura que tudo o resto. Para um olhar mais fundo sobre como as plataformas se sobrepõem aos teus designs, vê [zonas seguras das redes sociais](https://gradiently.design/pt-pt/guide/social-media-safe-zones). ## Fotografias e vídeo que não são 9:16 Carrega uma fotografia horizontal ou um gráfico quadrado para um story e o Facebook ajusta-o à largura e preenche o espaço por cima e por baixo. Funciona, mas parece uma ideia de última hora, e a imagem fica pequena no meio de um ecrã grande. Para vídeo vertical, filma com o telemóvel em pé ou reenquadra na edição, e mantém também as legendas incorporadas dentro da faixa do meio. ### Evita - Publicações de feed largadas num story sem alterações - Texto nos 250 píxeis de cima ou de baixo - Parágrafos longos num só quadro - Vídeo horizontal num story vertical ### Faz - Um story feito a 1080×1920 desde o início - Texto só na faixa do meio - Uma mensagem por quadro, depois o quadro seguinte - Vídeo filmado ou editado na vertical Para partilhar bem uma publicação de feed como story, refaz a disposição para o quadro alto: as mesmas palavras, as mesmas cores, texto maior e mais fundo. [Tamanho dos stories do Instagram](https://gradiently.design/pt-pt/guide/instagram-story-size) cobre o mesmo quadro para o Instagram, onde as regras são quase idênticas. ## Partilhar stories do Instagram no Facebook Se as tuas contas do Instagram e do Facebook estiverem ligadas no Centro de Contas da Meta, podes partilhar stories do Instagram no Facebook automaticamente ou um de cada vez. Como ambos usam 1080×1920 com interfaces parecidas, um story desenhado a pensar na faixa segura funciona nos dois. As diferenças são pequenas: nem todos os autocolantes interativos passam, por isso uma sondagem no Instagram pode chegar ao Facebook como uma imagem simples. Confirma a versão do Facebook uma vez antes de contares com ela. ## Como desenhar um story do Facebook para uma Página 1. **Escolhe a única coisa** Um quadro fixo fica no ecrã uns segundos. O prato do dia, uma data, uma chegada nova: diz uma coisa por quadro. 2. **Põe o título logo abaixo da faixa de cima** Cerca de 300 a 500 píxeis abaixo é onde os olhos pousam primeiro, longe do nome e da barra de progresso. 3. **Faz grande** O texto de um story pode ser muito maior do que o do feed. Um título de 90 a 120 píxeis lê-se de relance. 4. **Deixa o fundo ser a marca** Um story é sobretudo fundo. As mesmas cores ou o mesmo material em cada quadro tornam os teus stories reconhecíveis antes de alguém ler o nome. 5. **Pré-visualiza com a interface ligada** Publica para um público pequeno ou vê no teu telemóvel primeiro. É o único teste fiável das zonas seguras. Os stories servem as atualizações pequenas e frequentes que encheriam um feed: o que está fresco hoje, um lembrete no dia anterior a um evento, um agradecimento rápido depois dele. [Ideias de stories do Instagram](https://gradiently.design/pt-pt/guide/instagram-story-design) tem muitas que funcionam igualmente bem no Facebook. O Designer do Gradiently pode escrever e dispor quadros como estes a partir de uma descrição curta, no teu Mark a 1080×1920, com texto que continua legível onde o fundo está mais carregado. ## Ideias de stories do Facebook que servem uma Página - **O quadro de hoje:** o prato do dia, a fornada fresca, a vaga que acabou de abrir. Uma linha, publicada de manhã. - **Horário alterado:** um quadro claro para feriados e encerramentos. [Publicações de horário de feriados](https://gradiently.design/pt-pt/guide/out-of-office-graphic) trata do texto. - **Contagens decrescentes:** três quadros ao longo da semana antes de um evento, o mesmo design com um número novo. Vê [design de publicações de contagem decrescente](https://gradiently.design/pt-pt/guide/countdown-post-design). - **Atrás do balcão:** um clipe vertical curto do próprio trabalho, com um quadro de título fixo primeiro. [Conteúdo dos bastidores](https://gradiently.design/pt-pt/guide/behind-the-scenes-content) tem mais. - **Obrigado:** depois de um evento ou de um fim de semana cheio, uma só linha calorosa sobre o teu fundo habitual. ## FAQ ### Que tamanho tem um story do Facebook? 1080×1920 píxeis, um quadro vertical 9:16. ### Qual é a zona segura dos stories do Facebook? Mantém texto e logótipos fora dos cerca de 250 píxeis de cima e de baixo, onde ficam a barra de progresso, o nome, o campo de resposta e as reações. ### O tamanho dos stories do Facebook é igual ao do Instagram? Sim. Ambos usam 1080×1920 e as interfaces são parecidas, por isso um design com o texto na faixa do meio funciona nos dois. ### Porque é que a minha fotografia aparece pequena num story do Facebook? Provavelmente é horizontal ou quadrada. O Facebook ajusta-a à largura e preenche o resto; faz ou corta a imagem a 1080×1920.