# Hvor lang bør en videoloop til innlegg og skjermer være?

[Canonical HTML page](https://gradiently.design/nb/guide/video-loop-length)

En for kort loop viser skjøten med få sekunders mellomrom. En for lang loop blir en tung fil ingen ser ferdig. Her er passende lengder for hvert sted en loop brukes, og hvordan du velger mellom dem.

## The short version

- Til innlegg og stories på sosiale medier er en videoloop på 5 til 15 sekunder vanligvis lang nok til å lese og kort nok til å spilles igjen.
- Bakgrunnslooper på nettsteder fungerer godt på 10 til 30 sekunder, med filer som er små nok til å lastes raskt.
- Skjermer i butikker, lokaler og resepsjoner passer for lengre looper på 20 til 30 sekunder fordi folk ser dem mange ganger.
- Animerte GIF-er til e-post bør holdes på rundt 2 til 5 sekunder fordi GIF-filer vokser raskt med lengden.
- Langsom bevegelse får alle looplengder til å føles roligere og skjuler øyeblikket loopen starter på nytt.

Hvor lang bør en videoloop være? For de fleste innlegg og stories på sosiale medier: **5 til 15 sekunder**. For en bakgrunn på et nettsted: **10 til 30 sekunder**. For en skjerm i en butikk eller et lokale folk passerer hver dag: **20 til 30 sekunder**. Og for en GIF i en e-post: bare **2 til 5 sekunder**. Riktig lengde balanserer tre ting: tid til å lese ordene, hvor ofte folk ser omstarten, og filstørrelse. En sømløs loop med langsom bevegelse kan være kortere enn du tror.

## Lengde på videoloop etter plassering

| Hvor den spilles | Looplengde | Hvorfor |
| --- | --- | --- |
| Innlegg i strømmen (Instagram, LinkedIn, Facebook) | 5 til 10 sekunder | Ses kort mens folk blar. Korte looper starter igjen før folk går videre |
| Bakgrunn til story eller Reel | 5 til 15 sekunder | Lang nok til å lese ordene, kort nok til å holde filen lett |
| Spotify Canvas | 3 til 8 sekunder | Spotifys eget intervall for Canvas-looper |
| Bakgrunn i toppseksjonen på et nettsted | 10 til 30 sekunder | Besøkende blir en stund. En lengre loop skjuler omstarten |
| Skjermer i lokaler og butikker | 20 til 30 sekunder | Ansatte og stamkunder ser den hele dagen, så gjentakelsen må være varsom |
| GIF i en e-post | 2 til 5 sekunder | GIF-filer vokser raskt. Noen e-postapper viser bare det første bildet |

Startlengder for hvert sted en loop brukes. Tilpass etter hvor mye tekst designet har.

## Tre ting som avgjør lengden

### Tid til å lese ordene

Hvis loopen har et budskap, må det stå på skjermen lenge nok til at noen kan lese det i et behagelig tempo, helst to ganger. En overskrift på tre ord trenger bare noen sekunder. En overskrift, dato og sted trenger mer. Hvis ordene animeres inn, tell fra øyeblikket de faller på plass, ikke fra starten.

### Hvor ofte omstarten ses

Alle looper har en skjøt, øyeblikket det siste bildet møter det første. Selv en perfekt [sømløs loop](https://gradiently.design/nb/guide/seamless-loop-video) gjentar mønsteret sitt, og jo flere ganger noen ser den, desto mer merker de det. Derfor fortjener looper som ses lenge, som skjermer i en kafé eller toppseksjonen på et nettsted, flere sekunder enn et innlegg man blar forbi på to.

### Filstørrelse

Lengden er den største driveren for filstørrelsen. Dobler du antall sekunder med samme kvalitet, blir filen omtrent dobbelt så stor. På et nettsted gjør det siden tregere. I en e-post kan det gjøre en GIF større enn innbokser gjerne laster. Korte looper med langsom bevegelse gir mest følelse per kilobyte.

### For kort

- Ordene forsvinner før de blir lest
- Omstarten er synlig med få sekunders mellomrom
- Bevegelsen må være rask for å få plass og virker urolig
- Føles som en GIF fra et meme

### For lang

- Tung fil som lastes sakte
- Ingen ser andre halvdel i en strøm
- Ingenting nytt skjer, bare mer av det samme

## Tilpass bevegelseshastigheten til loopen

Lengde og tempo virker sammen. En langsom glidning over 10 sekunder virker rolig og eksklusiv. Samme glidning presset inn i 3 sekunder blir en vingling. Velg som regel tempoet først, og deretter den korteste lengden der én hel syklus av bevegelsen ser uanstrengt ut. Varsomme bevegelser, som farger som puster langsomt eller lys som beveger seg over en gradient, kan gå i loop med hvilken som helst lengde fordi de aldri trekker oppmerksomheten mot starten.

En stående storyloop med teksten Åpent sent på fredager for Harbour Books, på en gradient som glir langsomt

En storyloop på 8 sekunder: én linje med ord, langsom glidning, og ferdig før den gjentas for ofte.

En bred loop til en kaféskjerm med teksten Dagens suppe: bakt gresskar, serveres fra 11:30, på en rolig gradient

En loop til en diskskjerm på 30 sekunder: Bakgrunnen puster så langsomt at kunder i kø aldri ser en omstart.

## Lengde på bakgrunnsvideo til nettsteder

En bakgrunnsvideo på et nettsted bør være 10 til 30 sekunder, uten lyd og så liten som mulig samtidig som den ser ren ut. Sikt mot noen få megabyte, ikke titalls. Gi den et plakatbilde så noe vises mens den lastes, og stopp den for besøkende som har bedt enheten om redusert bevegelse. [Bakgrunnsvideo på nettsteder](https://gradiently.design/nb/guide/video-background-website) dekker komprimering og formater grundig.

```html
<video class="hero-loop" autoplay muted loop playsinline
       poster="/hero-poster.jpg" preload="metadata">
  <source src="/hero-loop.webm" type="video/webm">
  <source src="/hero-loop.mp4" type="video/mp4">
</video>

<script>
  // Pause the loop for visitors who prefer less motion
  if (matchMedia('(prefers-reduced-motion: reduce)').matches) {
    document.querySelector('.hero-loop').pause();
  }
</script>
```

En lydløs bakgrunnsloop som spilles i siden, med plakatbilde og en sjekk for redusert bevegelse. Nettlesere spiller bare video automatisk når lyden er av.

## Velg looplengde, steg for steg

1. **Start med plasseringen** Bruk startintervallet i tabellen ovenfor for stedet der loopen skal spilles.
2. **Ta tiden på ordene** Les teksten høyt to ganger i et avslappet tempo. Loopen bør vare minst så lenge etter at ordene har falt på plass.
3. **Velg tempoet** Velg langsom bevegelse til merkevarelooper og skjermer. Spar rask bevegelse til korte, energiske innlegg.
4. **Se den fem ganger** Spill loopen om igjen. Hvis omstarten begynner å irritere deg innen femte avspilling, legg til sekunder eller senk bevegelseshastigheten.
5. **Sjekk filen** Hvis den er for tung for siden eller e-posten, kort den ned før du senker kvaliteten.

For bestemte formater, se [Spotify Canvas-størrelse](https://gradiently.design/nb/guide/spotify-canvas-size), [animerte e-posttoppbilder](https://gradiently.design/nb/guide/animated-email-header) og [stemningsvideo](https://gradiently.design/nb/guide/ambient-video) for skjermer som spiller hele dagen.

## Looplengder i Gradiently

Med Pro eksporterer Gradiently alle design som en sømløs loop på 5 til 30 sekunder, som MP4 eller WebM i opptil 1080p eller som GIF. Du velger antall sekunder og et langsomt, jevnt eller raskt tempo. Markens bevegelse er laget for å møtes uten synlig skjøt uansett hvilken lengde du velger. Opptaket skjer i sanntid, så en loop på 30 sekunder tar 30 sekunder å lage. Hold fanen åpen mens den blir ferdig.

## FAQ

### Hvor lang bør en videoloop til Instagram være?

5 til 10 sekunder for et innlegg i strømmen og 5 til 15 sekunder for en bakgrunn til story eller Reel, lenge nok til å lese ordene to ganger.

### Hvor lang bør en bakgrunnsvideo på et nettsted være?

10 til 30 sekunder, uten lyd og komprimert til noen få megabyte, med et plakatbilde og pause for besøkende som foretrekker redusert bevegelse.

### Hvor lang bør en GIF-loop være?

Rundt 2 til 5 sekunder. GIF-filer vokser raskt med lengden, noe som betyr mest i e-post.

### Ser en lengre loop bedre ut?

Bare der folk ser lenge, som skjermer og toppseksjoner på nettsteder. I en strøm legger ekstra sekunder til filstørrelse som ingen ser.

### Hvordan skjuler jeg hvor en videoloop starter på nytt?

La det siste bildet gli over i det første, bruk langsom bevegelse og gi skjermer som spiller hele dagen en lengre loop på 20 til 30 sekunder.