# Carrossel contínuo no Instagram: uma imagem em vários slides

[Canonical HTML page](https://gradiently.design/pt-br/guide/seamless-carousel)

Você desliza e a imagem continua: uma forma entra pela direita, uma linha de texto segue adiante, a cor flui de um slide para o seguinte. Veja exatamente como montar um e os erros que quebram a ilusão.

## The short version

- Um carrossel contínuo no Instagram é uma imagem larga cortada em slides iguais, para que o design pareça continuar conforme as pessoas deslizam.
- A tela tem 1080 pixels de largura por slide e 1350 pixels de altura, então um carrossel de cinco slides começa como um design de 5400×1350.
- Formas e cores devem cruzar os cortes entre os slides, mas o texto nunca deve ficar sobre um corte, onde seria dividido ao meio.
- Cada slide deve fazer sentido sozinho, porque o primeiro também aparece isolado no feed e na grade do perfil.
- Cortar a imagem larga em slides leva um comando no ImageMagick ou alguns minutos com guias em qualquer ferramenta de design.

Um post de **carrossel contínuo no Instagram** é um único design largo cortado em slides iguais. Crie uma tela com 1080 pixels de largura por slide e 1350 de altura, de modo que três slides significam 3240×1350, desenhe ao longo de toda a faixa, corte a cada 1080 pixels e envie as partes em ordem. Deixe formas e cores cruzarem os cortes; mantenha todas as palavras longe deles.

## Tamanhos de tela para um carrossel panorâmico

Trabalhe na vertical, a menos que tenha um motivo para não fazê-lo. O quadro 4:5 é a forma mais alta que o Instagram permite em carrosséis, então ocupa mais tela. Para um carrossel quadrado, mantenha a largura de 1080 por slide e use 1080 de altura. Se a matemática das proporções é nova para você, [proporções explicadas](https://gradiently.design/pt-br/guide/aspect-ratios-explained) resolve em poucos minutos.

| Slides | Tela vertical | Tela quadrada | Cortes em (px a partir da esquerda) |
| --- | --- | --- | --- |
| 2 | 2160×1350 | 2160×1080 | 1080 |
| 3 | 3240×1350 | 3240×1080 | 1080, 2160 |
| 4 | 4320×1350 | 4320×1080 | 1080, 2160, 3240 |
| 5 | 5400×1350 | 5400×1080 | 1080, 2160, 3240, 4320 |

A largura é sempre 1080 vezes o número de slides. Marque os cortes com guias antes de colocar qualquer coisa.

- Faixa de três slides 3240×1350: 3240 × 1350
- Um slide 1080×1350: 1080 × 1350

A faixa que você cria e o slide que as pessoas veem a cada momento. Cada slide é exatamente um terço da faixa.

De três a cinco slides é uma extensão confortável. Com menos, o efeito mal se nota; com muito mais, o design afina, com longos trechos de fundo entre as ideias. Se você precisa de mais conteúdo, um carrossel comum com fundo compartilhado é mais fácil de ler; [tamanho do carrossel do Instagram](https://gradiently.design/pt-br/guide/instagram-carousel-size) trata do formato padrão.

## As regras da emenda

O corte entre dois slides é onde o efeito funciona ou desmorona. Algo deve cruzá-lo, porque é isso que diz às pessoas que a imagem continua. Mas tudo que precisa ser lido por inteiro deve ficar longe dele.

### Evite sobre uma emenda

- Qualquer palavra ou letra
- Um rosto ou um logo
- Um preço, uma data ou uma chamada para ação
- Uma linha fina que precisa alinhar perfeitamente
- Bordas duras exatamente sobre o corte

### Bom atravessando uma emenda

- Formas e curvas grandes e suaves
- Um degradê ou textura que segue adiante
- Uma seta ou trilha levando o olhar para a direita
- Uma foto recortada e posta metade em cada slide
- Uma palavra grande de fundo, grande demais para ser lida em um slide só

> **Dê ao texto uma margem de 60 pixels** Mantenha as palavras a pelo menos 60 pixels de cada corte e das bordas externas. A margem perdoa um corte que caia alguns pixels fora do lugar, e uma linha de texto nunca parece espremida contra a borda da tela.

## Desenhando o fluxo, slide a slide

Pense na faixa como uma história curta contada da esquerda para a direita. Cada slide precisa de uma função, e cada um deve parecer pronto sozinho, porque as pessoas pausam entre os deslizes e o primeiro slide aparece isolado no feed e na sua grade.

1. **Slide 1: o gancho** Um título claro e uma forma que sai pela borda direita. A forma cortada é o convite para deslizar.
2. **Slides 2 e 3: o conteúdo** Um ponto por slide, cada um confortavelmente dentro do seu quadro, unidos pelo fundo e por uma forma que faz a ponte entre eles.
3. **Slide do meio: a revelação** Se há uma foto de produto ou um número grande, ponha-o aqui, centralizado em um slide e não atravessando um corte.
4. **Último slide: o pouso** O fluxo chega ao repouso. As formas se assentam, e a chamada para ação fica em um espaço calmo, sem nada cruzando.

O fundo é o que faz a faixa parecer um único objeto. Um degradê que corre por toda a largura faz mais do que qualquer forma, porque cada slide continua de onde o anterior parou. Estenda-o no sentido do comprimento, da esquerda para a direita, com a luz mudando aos poucos.

Da noite ao amanhecer, em cinco slides: `linear-gradient(90deg, #0b1d3a 0%, #1e3a8a 25%, #6d28d9 50%, #db2777 75%, #f59e0b 100%)`

Em uma tela de 5400×1350, cada slide recebe a sua faixa de cor: azul-marinho, azul, violeta, rosa, âmbar. Deslizar dá a sensação de o tempo passar.

O primeiro slide de um carrossel panorâmico com o título Um ano no estúdio e um convite para deslizar

O primeiro slide sozinho: se lê como um post completo, então funciona na grade.

O segundo slide do carrossel mostrando o número de pedidos da primavera sobre o mesmo fundo contínuo

O segundo slide continua o mesmo fundo, com o número longe dos dois cortes.

## Como cortar uma imagem larga em slides de carrossel

Exporte a faixa em tamanho total e depois fatie. Na maioria das ferramentas de design, você pode traçar guias a cada 1080 pixels e exportar cada seção como uma imagem separada. Se você tem a ferramenta gratuita ImageMagick instalada, um comando faz tudo, e os arquivos saem numerados na ordem certa.

```bash
# Cut a 5400×1350 strip into five 1080×1350 slides
magick strip.png -crop 1080x1350 +repage slide_%02d.png

# Result: slide_00.png, slide_01.png ... slide_04.png
# Check one slide's size
magick identify slide_00.png
```

O -crop com um tamanho de bloco fatia da esquerda para a direita; o +repage reinicia a posição de cada arquivo para que o envio saia limpo.

1. Exporte a faixa como PNG, para que degradês e texto fiquem nítidos.
2. Corte-a em slides de 1080 de largura com guias ou com o comando acima.
3. Abra o aplicativo, comece um post e selecione os slides em ordem, do primeiro ao último.
4. Confira se o primeiro slide está enquadrado em 4:5 completo, não cortado em quadrado.
5. Deslize pela prévia uma vez para confirmar que todas as emendas se alinham.

## Usando um único Mark em todo o carrossel

No Gradiently, você pode definir um tamanho personalizado de até 8.000 pixels de largura, então uma faixa de cinco slides em 5400×1350 é um único design. O Mark é renderizado uma vez em toda a largura, de modo que sua cor e sua luz fluem naturalmente de slide para slide em vez de recomeçar em cada um, e ele ainda leva sua região mais calma para trás de cada bloco de palavras. Coloque o texto no meio seguro de cada slide, exporte e fatie. As exportações gratuitas são reduzidas para 720p, então uma faixa em tamanho total que se fatia em slides nítidos de 1080 pixels exige o Pro.

Para a parte de ideias, [design de carrossel para Instagram](https://gradiently.design/pt-br/guide/instagram-carousel-design) trata de ganchos e da escrita dos slides, e [estética da grade do Instagram](https://gradiently.design/pt-br/guide/instagram-grid-aesthetic) mostra como o primeiro slide de um panorama se encaixa entre os seus outros posts.

## FAQ

### Qual o tamanho de um carrossel contínuo do Instagram?

1080 pixels de largura por slide e 1350 de altura. Um carrossel de três slides começa como um design de 3240×1350, cortado em três imagens de 1080×1350.

### Como dividir uma imagem em um carrossel do Instagram?

Corte-a em seções iguais de 1080 pixels de largura, com guias em uma ferramenta de design ou com o comando crop do ImageMagick, e envie os slides em ordem.

### Por que os slides do meu carrossel não se alinham?

Em geral, os slides não têm exatamente 1080 pixels de largura, ou o primeiro slide foi enquadrado como quadrado no aplicativo. Confira o tamanho de cada arquivo e o primeiro quadro antes de publicar.

### O texto pode passar de um slide para o seguinte?

Evite. Palavras divididas em um corte são difíceis de ler e parecem quebradas quando alguém pausa entre os slides. Mantenha o texto a pelo menos 60 pixels de cada corte.

### Quantos slides um carrossel panorâmico deve ter?

De três a cinco funciona bem. O Instagram permite até 20, mas panoramas longos tendem a esticar o design até afinar.
