# Tamanho do story do Instagram e zonas seguras

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

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.

## The short version

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

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

| Propriedade | Valor |
| --- | --- |
| Tamanho | 1080×1920 px |
| Proporção | 9:16 |
| Orientação | Vertical, tela cheia |
| Mesmo quadro que | Reels, stories do Facebook e do Snapchat, status do WhatsApp, capas do TikTok e do Shorts |
| Perfil de cor | sRGB |

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

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

| Zona | A partir do topo (px) | O que fica ali | Coloque aqui |
| --- | --- | --- | --- |
| Topo | 0 a 250 | Barra de progresso, foto de perfil, nome, botão de fechar | Só o fundo |
| Meio | 250 a 1670 | Nada | Títulos, logo, detalhes importantes |
| Base | 1670 a 1920 | Campo de resposta, botões de compartilhar e curtir | Só 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. **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. **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. **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. **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. **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](https://gradiently.design/pt-br/guide/text-on-gradient) mostra como manter cada linha legível.

Um story vertical do Instagram anunciando um novo cardápio, com as palavras centralizadas e o gradiente preenchendo o quadro

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

Um story vertical perguntando O que devemos assar agora, com uma área vazia embaixo para uma enquete

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

Para mais formatos e ideias, veja as [ideias de stories no Instagram](https://gradiently.design/pt-br/guide/instagram-story-design).

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

> **Visualize antes de postar** Envie o story para você mesmo ou poste primeiro para os Melhores Amigos. O único jeito de ter certeza de que nada fica embaixo da interface é vê-lo com a interface ligada.

## FAQ

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