# Instagram-annonser: design for stories, feed og Reels

[Canonical HTML page](https://gradiently.design/nb/guide/instagram-ad-design)

På Instagram ligger en annonse mellom en venns feriebilder og en skapers morgenrutine. De som fungerer, ser ut som de hører hjemme der, og får en egen layout for hver plassering.

## The short version

- Instagram-annonser vises i feeden, i stories og i Reels, og hver plassering trenger sin egen layout.
- Bruk stående bilder på 1080×1350 til feedannonser og vertikale bilder på 1080×1920 til annonser i stories og Reels.
- I stories bør tekst og logoer holdes unna omtrent de øverste og nederste 250 pikslene; i Reels må ordene også holdes unna den nederste tredelen og høyrekanten.
- Instagram-annonser som følger uttrykket i merkevarens egne innlegg, føles gjerne mer naturlige i feeden og mindre påtrengende.
- Flere varianter av samme design, med fast uttrykk og ulike budskap, gir Metas leveringssystem alternativer å sammenligne.

Godt **design av Instagram-annonser** begynner med plasseringen. Feedannonser er stående bilder på 1080×1350 som ligger mellom innlegg; annonser i stories og Reels fyller skjermen på 1080×1920, med Instagrams grensesnitt over toppen, bunnen og, i Reels, høyresiden. Lag en versjon for hver plassering, hold ordene i trygg sone, og la annonsen ligne dine egne innlegg, så den føles som en del av feeden.

## Annonseformater på Instagram for hver plassering

| Plassering | Størrelse | Format | Hold ordene unna |
| --- | --- | --- | --- |
| Feed | 1080×1350 px | 4:5 | Kantene; likerklikk og bildetekst ligger under bildet |
| Feed, kvadratisk | 1080×1080 px | 1:1 | Kantene |
| Stories | 1080×1920 px | 9:16 | Øverste og nederste 250 px |
| Reels | 1080×1920 px | 9:16 | Toppen, nederste tredel og høyrekanten |

Stående format gir mest høyde i feeden. Guiden til [Instagram-innleggsstørrelser](https://gradiently.design/nb/guide/instagram-post-size) forklarer hvorfor.

- Feed 1080×1350: 1080 × 1350
- Kvadrat 1080×1080: 1080 × 1080
- Stories og Reels 1080×1920: 1080 × 1920

Feedformatet og de vertikale formatene er så ulike at én layout ikke kan dekke begge.

## Design av feedannonser

Feedannonser sees i samme rytme som innlegg, så de beste ser først og fremst ut som gode innlegg. La bildet folk vil stoppe ved, komme først: produktet, resultatet eller en sterk tekstlinje på din egen bakgrunn. Hold logoen liten. Meta merker annonsen som sponset og viser navnet ditt over den, så merkevaren er allerede til stede.

Karusellannonser følger de samme reglene side for side: et første kort som stopper skrollingen, og påfølgende kort med ett poeng hver. [Instagram-karuseller](https://gradiently.design/nb/guide/instagram-carousel-design) forklarer rekkefølgen.

## Design av storyannonser

Storyannonser vises mellom stories og fyller skjermen. Folk trykker raskt videre, så budskapet må treffe i første bilde. Bruk [Instagram story-størrelsen](https://gradiently.design/nb/guide/instagram-story-size) og dens trygge soner: profil og fremdriftslinje øverst, handlingsknappen nederst. Legg overskriften litt over midten og hold området litt under midten rent, nær knappen i annonsen.

En stående Instagram-annonse med teksten Sommerlin i 4 farger og Ny sesong over

Feedversjon: først og fremst et innlegg, med én linje og én detalj.

Den samme linannonsen i vertikalt format, med ordene plassert litt over midten

Versjonen for stories og Reels har ny layout, med ordene høyt og utenfor grensesnittet nederst.

## Design av Reels-annonser og trygg sone

Reels-annonser bruker også 1080×1920, men har det mest omfattende grensesnittet på Instagram: kontonavn, bildetekst og knapp nederst, og ikoner for likerklikk, kommentarer og deling langs høyresiden. Ord som er trygge i en story, kan bli dekket i Reels. Hold teksten høyere og lenger til venstre, og la den nederste tredelen være bakgrunn. [Trygge soner i sosiale medier](https://gradiently.design/nb/guide/social-media-safe-zones) viser dem side om side.

### Storyannonse

- Grensesnitt bare øverst og nederst
- Seeren trykker videre og ser den et øyeblikk
- Budskapet må treffe i første bilde
- Området litt under midten ligger nær knappen

### Reels-annonse

- Grensesnitt nederst og til høyre
- Spilles som video, ofte i løkke
- Bevegelse fanger oppmerksomhet; ordene står stille
- Hold nederste tredel og høyrekanten fri

Reels passer godt til bevegelse. Et ellers stillestående design med en bakgrunn som beveger seg sakte, eller en tekstlinje som glir opp, føles naturlig blant videoer uten behov for filming. Hold ordene rolige nok til å lese; [animerte Instagram-innlegg](https://gradiently.design/nb/guide/animated-social-posts) viser hvor langt du kan gå.

## Annonser som føles naturlige på Instagram

### Ser ut som en annonse

- En stor logo dominerer bildet
- Flere tilbud og en blokk med vilkår
- Farger og skrifter fra en standardmal
- Tekst helt ut mot kantene
- Et annet uttrykk enn dine egne innlegg

### Føles naturlig

- Produktet eller ideen kommer først
- Ett budskap, detaljer i bildeteksten
- Din egen bakgrunn, dine farger og skrifter
- Romslige marger og respekt for trygge soner
- Henger sammen med det folk allerede følger

## Lag varianter uten å miste uttrykket

Metas levering fungerer best med noen annonseutforminger å velge mellom, og annonsetretthet oppstår når den samme annonsen kjører i ukevis. Løsningen er variasjon innenfor et fast uttrykk: samme bakgrunnsfamilie og typografi, med endringer i budskap, produkt eller lys. Her er fire varianter av én oppskrift.

- Variant A: sand: `linear-gradient(160deg, #f5efe6 0%, #e7d8c3 45%, #c9b18f 100%)`
- Variant B: salvie: `linear-gradient(160deg, #f5efe6 0%, #d9e2d0 45%, #9fb08a 100%)`
- Variant C: leire: `linear-gradient(160deg, #f5efe6 0%, #e8d3cf 45%, #c29489 100%)`
- Variant D: himmel: `linear-gradient(160deg, #f5efe6 0%, #d6dde6 45%, #8fa0b5 100%)`

Én linhvit bunn, fire myke fargevarianter for fire produktfarger. Annonsene er ulike; merkevaren er den samme.

1. **Lås uttrykket** Bakgrunnsfamilie, skrifter, logoplassering og marger. Disse endres ikke mellom variantene.
2. **Velg én ting å variere** Budskap, produkt, fargevariant eller åpningsbilde. Endre én ting per variant, så lærer du hva som påvirket resultatene.
3. **Lag feed og vertikalt format sammen** Hver variant får en versjon på 1080×1350 og en på 1080×1920, med hver sin layout.
4. **Last opp som ett sett** Gruppér plasseringsversjonene av hver variant, slik at Meta viser riktig format på riktig sted.

I Gradiently lager du feedversjonen én gang og kan med Pro tilpasse den til stories og Reels i ett steg. Marken rendres på nytt i hvert format og flytter sitt rolige område bak ordene, så ingen tekst havner på et urolig felt. Dupliser siden for hver variant og endre bare tekstlinjen. Metoden for testing finnes i [testing av annonseutforming](https://gradiently.design/nb/guide/ad-creative-testing), og Facebook-delen av samme kampanje i [design av Facebook-annonser](https://gradiently.design/nb/guide/facebook-ad-design).

## FAQ

### Hvilken størrelse bør Instagram-annonser ha?

Bruk 1080×1350 til feedannonser og 1080×1920 til annonser i stories og Reels. Kvadratisk format på 1080×1080 fungerer også i feeden.

### Hva er trygg sone for Instagram storyannonser?

Hold tekst og logoer unna omtrent de øverste og nederste 250 pikslene i formatet på 1080×1920, der profillinjen og handlingsknappen ligger.

### Er Reels-annonser det samme som storyannonser?

De bruker samme format på 1080×1920, men Reels har mer grensesnitt nederst og til høyre, så ordene må ligge høyere og lenger til venstre.

### Hvordan får jeg Instagram-annonser til å ligne mindre på annonser?

Design dem som dine beste innlegg: egen bakgrunn og skrifter, ett budskap, liten logo og romslige marger.

### Hvor mange varianter av en Instagram-annonse bør jeg lage?

Noen få holder i starten, for eksempel tre eller fire, der hver endrer én ting mens uttrykket er det samme.