# Sammenhengende Instagram-karusell: ett bilde over flere sider [Canonical HTML page](https://gradiently.design/nb/guide/seamless-carousel) Sveip, og bildet fortsetter: en form kommer inn fra høyre, skriften leder videre og fargen flyter mellom sidene. Slik bygger du effekten og unngår feilene som bryter den. ## The short version - En sammenhengende Instagram-karusell er ett bredt bilde delt i like sider, så designet fortsetter når folk sveiper. - Lerretet er 1080 piksler bredt per side og 1350 høyt, så fem sider starter som et design i 5400×1350. - Former og farger bør krysse skjøtene, men tekst må holde seg unna dem for ikke å deles i to. - Hver side bør fungere alene, fordi førstesiden også vises separat blant innleggene og i profilrutenettet. - Det brede bildet deles med én ImageMagick-kommando eller noen minutters arbeid med hjelpelinjer i et designverktøy. En **sammenhengende Instagram-karusell** er ett bredt design delt i like sider. Lag et lerret som er 1080 piksler bredt per side og 1350 høyt. Tre sider betyr 3240×1350. Design over hele stripen, del den hver 1080. piksel og last opp delene i rekkefølge. La former og farger krysse skjøtene, men hold alle ord unna. ## Lerretsstørrelser til en panoramakarusell Bruk stående format med mindre du har en grunn til noe annet. 4:5 er Instagrams høyeste karusellformat og fyller mest skjerm. Til en kvadratisk karusell beholder du bredden på 1080 per side og bruker 1080 i høyden. [Sideforhold forklart](https://gradiently.design/nb/guide/aspect-ratios-explained) forklarer regnestykket. | Sider | Stående lerret | Kvadratisk lerret | Del ved (px fra venstre) | | --- | --- | --- | --- | | 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 | Bredden er alltid 1080 ganger antall sider. Marker skjøtene med hjelpelinjer før du plasserer noe. - Stripe med tre sider 3240×1350: 3240 × 1350 - Én side 1080×1350: 1080 × 1350 Stripen du designer og siden folk ser om gangen. Hver side er nøyaktig en tredjedel av stripen. Tre til fem sider er en behagelig lengde. Med færre merkes effekten knapt, med mange flere blir designet tynt, med lange bakgrunnsstrekninger mellom poengene. Trenger du mer innhold, er en vanlig karusell med felles bakgrunn enklere å lese. [Instagram-karusellstørrelse](https://gradiently.design/nb/guide/instagram-carousel-size) forklarer standardformatet. ## Reglene for skjøtene Skjøten mellom to sider avgjør om effekten fungerer. Noe bør krysse den, fordi det viser at bildet fortsetter. Men det som må leses samlet, skal holde seg unna. ### Unngå på en skjøt - Ord eller bokstaver - Ansikt eller logo - Pris, dato eller handlingsoppfordring - En tynn linje som må treffe nøyaktig - Harde kanter som ligger akkurat på skjøten ### Fungerer over en skjøt - Store, myke former og kurver - En gradient eller tekstur som fortsetter - Pil eller sti som leder blikket mot høyre - Et frilagt foto plassert halvveis på hver side - Et bakgrunnsord som uansett er for stort til å leses på én side > **Gi teksten 60 piksler luft** Hold ordene minst 60 piksler fra hver skjøt og ytterkant. Det tåler en deling som havner noen piksler feil, og teksten virker aldri presset mot skjermkanten. ## Design flyten side for side Tenk på stripen som en kort historie fra venstre mot høyre. Hver side trenger én oppgave og må se ferdig ut alene. Folk stopper mellom sveip, og førstesiden vises alene blant innlegg og i rutenettet. 1. **Side 1: åpningen** En tydelig overskrift og en form som går ut av høyre kant. Den avbrutte formen inviterer til å sveipe. 2. **Side 2 og 3: innholdet** Ett poeng per side, godt innenfor rammen, knyttet sammen av bakgrunnen og en form som krysser skjøten. 3. **Midtsiden: avsløringen** Plasser produktfoto eller et stort tall her, midt på siden fremfor over en skjøt. 4. **Siste side: avslutningen** Flyten faller til ro. Formene stopper, og handlingsoppfordringen får et rolig område uten noe som krysser. Bakgrunnen gjør at stripen oppleves som ett objekt. En gradient som driver over hele bredden, gjør mer enn en form, fordi hver side fortsetter der den forrige slapp. La den gå fra venstre mot høyre med gradvise lysendringer. Natt til daggry over fem sider: `linear-gradient(90deg, #0b1d3a 0%, #1e3a8a 25%, #6d28d9 50%, #db2777 75%, #f59e0b 100%)` På et lerret i 5400×1350 får hver side sitt fargefelt: marineblått, blått, fiolett, rosa, rav. Sveipingen føles som tid som går. Førstesiden i en panoramakarusell med overskriften Et år i studioet og oppfordring om å sveipe Førstesiden alene er et komplett innlegg og fungerer dermed i rutenettet. Andre side i karusellen med vårens antall bestillinger over samme sammenhengende bakgrunn Side to fortsetter samme bakgrunn, med tallet tydelig unna begge skjøter. ## Slik deler du et bredt bilde i karusellsider Eksporter stripen i full størrelse og del den opp. I de fleste verktøy kan du plassere hjelpelinjer hver 1080. piksel og eksportere hvert område som eget bilde. Har du gratisverktøyet ImageMagick, gjør én kommando hele jobben og nummererer filene i riktig rekkefølge. ```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 ``` -crop med rutestørrelse deler fra venstre mot høyre. +repage nullstiller filenes plassering for problemfri opplasting. 1. Eksporter stripen som PNG, så gradienter og skrift holder seg skarpe. 2. Del i sider på 1080 piksler bredde med hjelpelinjer eller kommandoen over. 3. Åpne appen, start et innlegg og velg sidene fra første til siste. 4. Sjekk at førstesiden vises i full 4:5, ikke beskåret til kvadrat. 5. Sveip gjennom forhåndsvisningen og kontroller at skjøtene treffer. ## Bruk én Mark over hele karusellen I Gradiently kan du velge egendefinert bredde opptil 8 000 piksler, så en stripe med fem sider i 5400×1350 er ett design. Marken gjengis over hele bredden. Farge og lys flyter naturlig mellom sidene fremfor å starte på nytt, og det roligste området flyttes fortsatt bak hver tekstblokk. Legg teksten trygt midt på hver side, eksporter og del. Gratiseksport skaleres til 720p, så en full stripe som gir skarpe sider på 1080 piksler, krever Pro. [Design av Instagram-karuseller](https://gradiently.design/nb/guide/instagram-carousel-design) forklarer åpninger og sidetekst, og [estetikk i Instagram-rutenettet](https://gradiently.design/nb/guide/instagram-grid-aesthetic) viser hvordan førstesiden passer blant andre innlegg. ## FAQ ### Hvilken størrelse har en sammenhengende Instagram-karusell? 1080 piksler bredde per side og 1350 i høyden. Tre sider starter som et design i 3240×1350, delt i tre bilder på 1080×1350. ### Hvordan deler jeg et bilde til en Instagram-karusell? Del i like områder på 1080 piksler bredde med hjelpelinjer i et designverktøy eller ImageMagicks crop-kommando. Last så opp sidene i rekkefølge. ### Hvorfor passer ikke karusellsidene sammen? Vanligvis er sidene ikke nøyaktig 1080 piksler brede, eller førstesiden ble vist som kvadrat i appen. Sjekk filstørrelser og første bilde før publisering. ### Kan tekst krysse fra én side til neste? Unngå det. Delte ord er vanskelige å lese og ser ødelagte ut når noen stopper mellom sveip. Hold tekst minst 60 piksler fra hver skjøt. ### Hvor mange sider bør en panoramakarusell ha? Tre til fem fungerer godt. Instagram tillater opptil 20, men lange panoramaer gjør ofte designet for tynt.