A versão curta
- O tamanho da story do Instagram é 1080×1920 píxeis, uma moldura vertical 9:16 que enche o ecrã de um telemóvel.
- O Instagram coloca o nome do perfil e a barra de progresso no topo de uma story e o campo de resposta e os botões no fundo.
- Uma regra de trabalho comum, baseada nas orientações da Meta para anúncios em stories, é manter os cerca de 250 píxeis de cima e de baixo sem texto nem logótipos.
- Os Reels usam a mesma moldura de 1080×1920, mas têm mais interface no fundo e ao longo do lado direito, por isso precisam aí de margens maiores.
- O mesmo tamanho de 1080×1920 serve para stories do Facebook, do Snapchat e do WhatsApp, capas do TikTok e capas de YouTube Shorts.
Nesta página
O tamanho da story do Instagram é 1080×1920 píxeis, uma moldura vertical 9:16 que enche o ecrã do telemóvel. O Instagram sobrepõe a sua própria interface ao topo e ao fundo de todas as stories: o nome do perfil e a barra de progresso em cima, o campo de resposta e os botões em baixo. Por isso, desenha para a moldura inteira, mas mantém as palavras e os logótipos no meio. Uma regra muito usada, baseada nas orientações da Meta para anúncios em stories, é deixar os cerca de 250 píxeis de cima e de baixo sem texto.
Dimensões da story do Instagram
| Propriedade | Valor |
|---|---|
| Tamanho | 1080×1920 px |
| Proporção | 9:16 |
| Orientação | Vertical, em ecrã inteiro |
| A mesma moldura de | Reels, stories do Facebook e do Snapchat, estado do WhatsApp, capas do TikTok e de Shorts |
| Perfil de cor | sRGB |
Nas stories estáticas, exporta em PNG quando o design é sobretudo texto, cor lisa ou gradientes, porque o Instagram volta a comprimir o que carregas e são esses que mais sofrem. Usa um JPEG de alta qualidade para fotografias. Nas stories com movimento, exporta vídeo MP4 no mesmo tamanho de 1080×1920, para que a aplicação não tenha nada para redimensionar.
Como a moldura é partilhada por tantas plataformas, um bom design vertical vai longe. A lista completa está em tamanhos de imagem para redes sociais.
Zonas seguras da story do Instagram
A zona segura é a parte da story que nada tapa em nenhum telemóvel. Os telemóveis têm ecrãs de formatos diferentes, por isso a interface fica em sítios ligeiramente diferentes, e é por isso que as margens abaixo são generosas.
| Zona | A partir do topo (px) | O que lá está | O que pôr aqui |
|---|---|---|---|
| Topo | 0 a 250 | Barra de progresso, foto de perfil, nome, botão de fechar | Só fundo |
| Meio | 250 a 1670 | Nada | Títulos, logótipo, informação essencial |
| Fundo | 1670 a 1920 | Campo de resposta, botões de partilhar e de gostar | Só fundo |
Story 9:16
1080 × 1920
Publicação no feed 4:5
1080 × 1350
Quadrado 1:1
1080 × 1080
Stories e Reels não são bem a mesma coisa
Os Reels usam a mesma moldura de 1080×1920, mas a sua interface é mais pesada. A legenda, a etiqueta do áudio e o nome da conta ficam ao longo do fundo, e os botões de gostar, comentar e partilhar descem pelo lado direito. Mantém o texto mais acima e mais afastado da margem direita do que numa story.
Story
- Perfil e barra de progresso no topo
- Campo de resposta e botões no fundo
- Toca-se para avançar, por isso cada ecrã é visto por pouco tempo
- Autocolantes, ligações e sondagens podem juntar-se na aplicação
Reel
- Legenda, áudio e nome da conta ao longo do fundo
- Botões de ação ao longo do lado direito
- Reproduz-se como vídeo, muitas vezes em loop
- A capa também aparece na grelha do perfil, recortada
Como desenhar uma story do Instagram
- 1
Uma mensagem por ecrã
Uma story estática fica no ecrã poucos segundos. Diz uma coisa, com clareza, e põe a seguinte no ecrã seguinte.
- 2
Põe o título na parte central superior
Logo abaixo da linha segura do topo é onde os olhos pousam primeiro, acima de quaisquer autocolantes ou ligações que juntes na aplicação.
- 3
Deixa espaço para autocolantes
Se vais juntar um autocolante de ligação, de sondagem ou de pergunta, guarda-lhe uma área vazia na parte central inferior.
- 4
Põe o fundo a fazer o trabalho da marca
As stories vão de margem a margem, por isso o fundo é a maior parte do que as pessoas veem. Uma cor ou um material coerente torna cada ecrã reconhecivelmente teu.
- 5
Verifica o contraste em todos os sítios onde há palavras
Num gradiente ou numa foto, o contraste muda ao longo da moldura. Texto sobre um gradiente mostra como manter todas as linhas legíveis.
Palavras na faixa do meio, fundo a toda a largura e altura por trás da interface.
Um ecrã de pergunta com espaço por baixo para um autocolante de sondagem.
Para mais formatos e ideias, vê ideias para stories do Instagram.
Movimento nas stories
É nas stories que o movimento compensa. Um fundo que deriva lentamente por baixo de palavras paradas chama o olhar sem exigir uma sessão de filmagem. Mantém as palavras paradas e o movimento suave, e garante que o loop fecha sem um salto visível. Publicações animadas no Instagram e fundos para Reels vão mais fundo. A Gradiently exporta qualquer design como um loop contínuo de 5 a 30 segundos, que é exatamente a duração certa para um ecrã de story.
Perguntas frequentes
Que tamanho tem uma story do Instagram?
1080×1920 píxeis, uma moldura vertical 9:16.
Qual é a zona segura das stories do Instagram?
Mantém texto e logótipos fora dos cerca de 250 píxeis 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 dos Reels do Instagram é o mesmo de uma story?
Sim, 1080×1920, mas os Reels têm mais interface ao longo do fundo e do lado direito, por isso mantém o texto mais afastado dessas margens.
Posso usar o mesmo design para stories do Instagram, do Facebook e do Snapchat?
Sim. Todas usam uma moldura vertical de 1080×1920, por isso um só design serve para todas, desde que as palavras fiquem na faixa do meio.
O que acontece se a minha story não for 9:16?
O Instagram redimensiona-a para caber e preenche o espaço que sobra, normalmente com um fundo desfocado ou de cor, por isso fica com um ar menos intencional do que um design em moldura inteira.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil
