# Carrosséis contínuos no Instagram: uma imagem em vários slides [Canonical HTML page](https://gradiently.design/pt-pt/guide/seamless-carousel) Deslizas e a imagem continua: uma forma entra pela direita, uma linha de texto prolonga-se, a cor flui de um slide para o seguinte. Eis exatamente como fazer 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 enquanto as pessoas deslizam. - A tela tem 1080 píxeis de largura por cada slide e 1350 de altura, por isso um carrossel de cinco slides começa como um design de 5400×1350. - As formas e a cor devem atravessar os cortes entre slides, mas o texto nunca deve ficar sobre um corte, onde seria partido ao meio. - Cada slide deve continuar a fazer sentido sozinho, porque o primeiro também aparece isolado no feed e na grelha do perfil. - Cortar a imagem larga em slides pede um só comando no ImageMagick ou uns minutos com guias em qualquer ferramenta de design. Uma publicação de **carrossel contínuo no Instagram** é um único design largo cortado em slides iguais. Cria uma tela com 1080 píxeis de largura por cada slide e 1350 de altura, por isso três slides significam 3240×1350, desenha ao longo de toda a faixa, corta depois a cada 1080 píxeis e carrega as partes por ordem. Deixa as formas e a cor atravessar os cortes; mantém todas as palavras longe deles. ## Tamanhos de tela para um carrossel panorâmico Trabalha na vertical, a menos que tenhas motivo para o contrário. O formato 4:5 é a forma de carrossel mais alta que o Instagram permite, por isso ocupa mais ecrã. Para um carrossel quadrado, mantém a largura de 1080 por slide e usa 1080 de altura. Se as contas das proporções são novidade para ti, [proporções explicadas](https://gradiently.design/pt-pt/guide/aspect-ratios-explained) trata do assunto 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. Marca os cortes com guias antes de colocares o que quer que seja. - Faixa de três slides 3240×1350: 3240 × 1350 - Um slide 1080×1350: 1080 × 1350 A faixa que desenhas e o slide que as pessoas veem em cada momento. Cada slide é exatamente um terço da faixa. Entre três e cinco slides é uma extensão confortável. Com menos, o efeito mal se nota; com muitos mais, o design fica diluído, com longos troços de fundo entre ideias. Se precisas de mais conteúdo, um carrossel normal com um fundo partilhado lê-se melhor; [tamanho do carrossel do Instagram](https://gradiently.design/pt-pt/guide/instagram-carousel-size) trata do formato padrão. ## As regras do corte O corte entre dois slides é onde o efeito funciona ou se desfaz. Algo deve atravessá-lo, porque é isso que diz às pessoas que a imagem continua. Mas tudo o que tem de se ler por inteiro deve ficar longe dele. ### Evita num corte - Qualquer palavra ou letra - Um rosto ou um logótipo - Um preço, uma data ou um apelo à ação - Uma linha fina que tem de alinhar na perfeição - Arestas duras mesmo em cima do corte ### Bom a atravessar um corte - Formas e curvas grandes e suaves - Um gradiente ou textura que continua - Uma seta ou caminho que leva o olhar para a direita - Uma fotografia recortada e colocada metade em cada slide - Uma palavra grande de fundo, demasiado grande para se ler num só slide > **Dá ao texto uma margem de 60 píxeis** Mantém as palavras a pelo menos 60 píxeis de cada corte e das margens exteriores. Uma margem perdoa um corte que caia uns píxeis ao lado, e uma linha de texto nunca parece encostada ao limite do ecrã. ## Desenhar o fluxo, slide a slide Pensa na faixa como uma história curta contada da esquerda para a direita. Cada slide precisa de uma função, e todos devem parecer acabados por si, porque as pessoas param entre deslizes e o primeiro slide aparece sozinho no feed e na grelha. 1. **Slide 1: o gancho** Um título claro e uma forma que sai pela margem direita. A forma cortada é o convite a deslizar. 2. **Slides 2 e 3: o conteúdo** Um ponto por slide, cada um bem assente dentro do seu enquadramento, ligados pelo fundo e por uma forma que faz a ponte. 3. **Slide do meio: a revelação** Se há uma fotografia de produto ou um número grande, põe-no aqui, centrado num slide e não a cavalo num corte. 4. **Último slide: a aterragem** O fluxo assenta. As formas acalmam, e o apelo à ação fica num espaço calmo, sem nada a atravessá-lo. O fundo é o que faz a faixa parecer um só objeto. Um gradiente que se desloca por toda a largura faz mais do que qualquer forma, porque cada slide continua onde o anterior acabou. Corre-o no sentido do comprimento, da esquerda para a direita, com a luz a mudar gradualmente. Da noite à aurora, em cinco slides: `linear-gradient(90deg, #0b1d3a 0%, #1e3a8a 25%, #6d28d9 50%, #db2777 75%, #f59e0b 100%)` Numa tela de 5400×1350, cada slide fica com a sua faixa de cor: azul-marinho, azul, violeta, rosa, âmbar. Deslizar parece o tempo a passar. O primeiro slide de um carrossel panorâmico com o título Um ano no estúdio e um convite a deslizar O slide um sozinho: lê-se como uma publicação completa, por isso funciona na grelha. O segundo slide do carrossel com o número de encomendas da primavera sobre o mesmo fundo contínuo O slide dois continua o mesmo fundo, com o número afastado dos dois cortes. ## Como cortar uma imagem larga em slides de carrossel Exporta a faixa em tamanho completo e depois corta-a. Na maioria das ferramentas de design podes traçar guias a cada 1080 píxeis e exportar cada secção como imagem própria. Se tiveres a ferramenta gratuita ImageMagick instalada, um só comando faz tudo, e os ficheiros saem numerados pela 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 mosaico corta da esquerda para a direita; o +repage repõe a posição de cada ficheiro para o carregamento correr bem. 1. Exporta a faixa em PNG, para os gradientes e o texto ficarem nítidos. 2. Corta-a em slides de 1080 de largura com guias ou com o comando acima. 3. Abre a app, começa uma publicação e seleciona os slides por ordem, do primeiro ao último. 4. Confirma que o primeiro slide está enquadrado em 4:5 completo, e não cortado para quadrado. 5. Desliza uma vez pela pré-visualização para confirmar que todos os cortes alinham. ## Usar um Mark em todo o carrossel No Gradiently podes definir um tamanho personalizado até 8000 píxeis de largura, por isso uma faixa de cinco slides de 5400×1350 é um só design. O Mark é desenhado uma vez em toda a largura, por isso a sua cor e a sua luz fluem naturalmente de slide para slide em vez de recomeçarem em cada um, e continua a mover a sua zona mais calma para trás de cada bloco de palavras. Junta o texto no meio seguro de cada slide, exporta e corta. As exportações gratuitas são reduzidas para 720p, por isso uma faixa em tamanho completo que se corta em slides nítidos de 1080 píxeis precisa do Pro. Do lado das ideias, [design de carrosséis do Instagram](https://gradiently.design/pt-pt/guide/instagram-carousel-design) trata de ganchos e da escrita dos slides, e [estética da grelha do Instagram](https://gradiently.design/pt-pt/guide/instagram-grid-aesthetic) mostra como o primeiro slide de um panorama fica entre as tuas outras publicações. ## FAQ ### Que tamanho tem um carrossel contínuo no Instagram? 1080 píxeis 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 divido uma imagem num carrossel do Instagram? Corta-a em secções iguais de 1080 píxeis de largura, com guias numa ferramenta de design ou com o comando crop do ImageMagick, e carrega os slides por ordem. ### Porque é que os slides do meu carrossel não alinham? Normalmente os slides não têm exatamente 1080 píxeis de largura, ou o primeiro slide foi enquadrado como quadrado na app. Confirma o tamanho de cada ficheiro e o primeiro enquadramento antes de publicar. ### O texto pode passar de um slide para o seguinte? Evita. Palavras partidas por um corte lêem-se mal e parecem estragadas quando alguém pára entre slides. Mantém o texto a pelo menos 60 píxeis de cada corte. ### Quantos slides deve ter um carrossel panorâmico? Entre três e cinco funciona bem. O Instagram permite até 20, mas os panoramas longos tendem a diluir o design.