Redes sociais

Tamanho do story do Instagram e zonas seguras

Um story ocupa a tela inteira do celular, e o Instagram coloca a própria interface por cima do topo e da base. Veja o tamanho, as zonas que devem ficar livres e como criar dentro delas.

GradientlyConta verificada do Gradiently··5 min de leitura
Capa: Pendant of Rain · GR·GRPK·2Z

Resumindo

  • O tamanho do story do Instagram é 1080×1920 pixels, um quadro vertical 9:16 que ocupa a tela do celular.
  • O Instagram coloca o nome do perfil e a barra de progresso no topo do story e o campo de resposta e os botões na base.
  • Uma regra de trabalho comum, baseada nas orientações da Meta para anúncios em stories, é deixar cerca de 250 pixels no topo e na base livres de texto e logos.
  • Os Reels usam o mesmo quadro de 1080×1920, mas têm mais interface na base e na lateral direita, então precisam de margens maiores ali.
  • O mesmo tamanho de 1080×1920 funciona para stories do Facebook, do Snapchat e do WhatsApp, capas do TikTok e capas do YouTube Shorts.
Nesta página

O tamanho do story do Instagram é 1080×1920 pixels, um quadro vertical 9:16 que ocupa a tela do celular. O Instagram coloca a própria interface por cima do topo e da base de todo story: o nome do perfil e a barra de progresso em cima, o campo de resposta e os botões embaixo. Então crie para o quadro inteiro, mas mantenha palavras e logos no meio. Uma regra muito usada, baseada nas orientações da Meta para anúncios em stories, é deixar cerca de 250 pixels no topo e na base livres de texto.

Dimensões do story do Instagram

PropriedadeValor
Tamanho1080×1920 px
Proporção9:16
OrientaçãoVertical, tela cheia
Mesmo quadro queReels, stories do Facebook e do Snapchat, status do WhatsApp, capas do TikTok e do Shorts
Perfil de corsRGB
Crie em exatamente 1080×1920. Um story feito em qualquer outro formato é redimensionado ou ganha faixas para caber.

Para stories estáticos, exporte em PNG quando o design for principalmente texto, cor chapada ou gradientes, porque o Instagram recomprime os envios e são esses os que mais sofrem. Use um JPEG de alta qualidade para fotografias. Para stories com movimento, exporte vídeo MP4 no mesmo tamanho de 1080×1920, para que o app não tenha nada a redimensionar.

Como o quadro é compartilhado por tantas plataformas, um design vertical bem feito vai longe. A lista completa está nos tamanhos de imagem para redes sociais.

Zonas seguras do story do Instagram

A zona segura é a parte do story que nada cobre em nenhum celular. Os celulares têm formatos de tela diferentes, então a interface fica em lugares um pouco diferentes, e é por isso que as margens abaixo são generosas.

ZonaA partir do topo (px)O que fica aliColoque aqui
Topo0 a 250Barra de progresso, foto de perfil, nome, botão de fecharSó o fundo
Meio250 a 1670NadaTítulos, logo, detalhes importantes
Base1670 a 1920Campo de resposta, botões de compartilhar e curtirSó o fundo
As três faixas de um story. Trate o topo e a base como sangria: fazem parte do design, mas nunca abrigam palavras.

Story 9:16

1080 × 1920

Post do feed 4:5

1080 × 1350

Quadrado 1:1

1080 × 1080

Um story ao lado de um post em retrato e de um quadrado, em escala. O story é bem mais alto, e é por isso que layouts do feed não passam para ele só esticando.

Stories e Reels não são exatamente iguais

Os Reels usam o mesmo quadro de 1080×1920, mas a interface deles é mais pesada. A legenda, o nome do áudio e o nome da conta ficam ao longo da base, e os botões de curtir, comentar e compartilhar descem pela lateral direita. Mantenha o texto mais para cima e mais longe da borda direita do que faria num story.

Story

  • Perfil e barra de progresso no topo
  • Campo de resposta e botões na base
  • Toque para avançar, então cada quadro é visto por pouco tempo
  • Figurinhas, links e enquetes podem ser acrescentados no app

Reel

  • Legenda, áudio e nome da conta ao longo da base
  • Botões de ação pela lateral direita
  • Toca como vídeo, muitas vezes em loop
  • A capa também aparece na grade do perfil, cortada

Como criar um story do Instagram

  1. 1

    Uma mensagem por quadro

    Um story estático fica na tela por alguns segundos. Diga uma coisa, com clareza, e coloque a próxima no quadro seguinte.

  2. 2

    Coloque o título na parte de cima do meio

    Logo abaixo da linha segura do topo é onde os olhos pousam primeiro, acima de qualquer figurinha ou link que você vá acrescentar no app.

  3. 3

    Deixe espaço para figurinhas

    Se você vai acrescentar um link, uma enquete ou uma caixa de perguntas, mantenha uma área vazia na parte de baixo do meio para ela.

  4. 4

    Deixe o fundo fazer o trabalho da marca

    Os stories ocupam a tela até a borda, então o fundo é a maior parte do que as pessoas veem. Uma cor ou um material consistente torna cada quadro reconhecidamente seu.

  5. 5

    Confira o contraste onde as palavras ficam

    Sobre um gradiente ou uma foto, o contraste muda ao longo do quadro. O guia de texto sobre um gradiente mostra como manter cada linha legível.

Palavras na faixa do meio, fundo ocupando tudo até a borda por trás da interface.

Um quadro de pergunta com espaço livre embaixo para uma enquete.

Para mais formatos e ideias, veja as ideias de stories no Instagram.

Movimento nos stories

Os stories são onde o movimento compensa. Um fundo que flutua devagar sob palavras paradas chama a atenção sem exigir uma gravação de vídeo. Mantenha as palavras paradas, o movimento suave e garanta que o loop se feche sem um salto visível. Os guias de posts animados no Instagram e de fundos para Reels vão mais fundo. O Gradiently exporta qualquer design como um loop perfeito de 5 a 30 segundos, exatamente a duração certa para um quadro de story.

Perguntas frequentes

Qual é o tamanho de um story do Instagram?

1080×1920 pixels, um quadro vertical 9:16.

Qual é a zona segura dos stories do Instagram?

Mantenha texto e logos fora dos cerca de 250 pixels de cima e de baixo, onde ficam o nome do perfil, a barra de progresso, o campo de resposta e os botões.

O tamanho do Reels do Instagram é o mesmo do story?

Sim, 1080×1920, mas os Reels têm mais interface ao longo da base e pela lateral direita, então mantenha o texto mais longe dessas bordas.

Posso usar o mesmo design para stories do Instagram, do Facebook e do Snapchat?

Pode. Todos usam um quadro vertical de 1080×1920, então um design funciona em todos, desde que as palavras fiquem na faixa do meio.

O que acontece se o meu story não for 9:16?

O Instagram o redimensiona para caber e preenche o espaço que sobra, geralmente com um fundo desfocado ou colorido, então ele parece menos intencional do que um design em quadro inteiro.

Compartilhar este guia

Escrito pelo GradientlyConta verificada do Gradiently

A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.

Ver nosso perfil