# Tamanho da story do Instagram e zonas seguras

[Canonical HTML page](https://gradiently.design/pt-pt/guide/instagram-story-size)

Uma story enche todo o ecrã do telemóvel, e o Instagram sobrepõe a sua própria interface em cima e em baixo. Aqui tens o tamanho, as zonas a deixar livres e como desenhar dentro delas.

## The short version

- 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.

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 |

Desenha a exatamente 1080×1920. Uma story feita noutro formato é redimensionada ou fica com barras para caber.

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](https://gradiently.design/pt-pt/guide/social-media-image-sizes).

## 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 |

As três faixas de uma story. Trata o topo e o fundo como sangria: fazem parte do design, mas nunca alojam palavras.

- Story 9:16: 1080 × 1920
- Publicação no feed 4:5: 1080 × 1350
- Quadrado 1:1: 1080 × 1080

Uma story ao lado de uma publicação vertical e de uma quadrada, à escala. A story é muito mais alta, e é por isso que as composições do feed não passam para ela por simples esticão.

## 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](https://gradiently.design/pt-pt/guide/text-on-gradient) mostra como manter todas as linhas legíveis.

Uma story vertical do Instagram a anunciar um novo menu, com as palavras centradas e o gradiente a encher a moldura

Palavras na faixa do meio, fundo a toda a largura e altura por trás da interface.

Uma story vertical com a pergunta O que fazemos a seguir no forno e uma área vazia em baixo para um autocolante de sondagem

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](https://gradiently.design/pt-pt/guide/instagram-story-design).

## 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](https://gradiently.design/pt-pt/guide/animated-social-posts) e [fundos para Reels](https://gradiently.design/pt-pt/guide/reels-tiktok-backgrounds) 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.

> **Pré-visualiza antes de publicar** Envia a story a ti próprio ou publica-a primeiro para os Amigos Chegados. A única forma de ter a certeza de que nada fica por baixo da interface é vê-la com a interface ligada.

## FAQ

### 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.