Marked
Priser
Logg innStart
DesignguidenBevegelse
Bevegelse

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

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.

GradientlyVerifisert Gradiently-konto·1. oktober 2026·5 min lesetid
Omslag: Long Mist · GR·0NQZ·HW

Kortversjonen

  • 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.
På denne siden
Lengde på videoloop etter plasseringTre ting som avgjør lengdenTilpass bevegelseshastigheten til loopenLengde på bakgrunnsvideo til nettstederVelg looplengde, steg for stegLooplengder i Gradiently

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

Innlegg i strømmen (Instagram, LinkedIn, Facebook)

Looplengde

5 til 10 sekunder

Hvorfor

Ses kort mens folk blar. Korte looper starter igjen før folk går videre
Bakgrunn til story eller Reel

Looplengde

5 til 15 sekunder

Hvorfor

Lang nok til å lese ordene, kort nok til å holde filen lett
Spotify Canvas

Looplengde

3 til 8 sekunder

Hvorfor

Spotifys eget intervall for Canvas-looper
Bakgrunn i toppseksjonen på et nettsted

Looplengde

10 til 30 sekunder

Hvorfor

Besøkende blir en stund. En lengre loop skjuler omstarten
Skjermer i lokaler og butikker

Looplengde

20 til 30 sekunder

Hvorfor

Ansatte og stamkunder ser den hele dagen, så gjentakelsen må være varsom
GIF i en e-post

Looplengde

2 til 5 sekunder

Hvorfor

GIF-filer vokser raskt. Noen e-postapper viser bare det første bildet
Hvor den spillesLooplengdeHvorfor
Innlegg i strømmen (Instagram, LinkedIn, Facebook)5 til 10 sekunderSes kort mens folk blar. Korte looper starter igjen før folk går videre
Bakgrunn til story eller Reel5 til 15 sekunderLang nok til å lese ordene, kort nok til å holde filen lett
Spotify Canvas3 til 8 sekunderSpotifys eget intervall for Canvas-looper
Bakgrunn i toppseksjonen på et nettsted10 til 30 sekunderBesøkende blir en stund. En lengre loop skjuler omstarten
Skjermer i lokaler og butikker20 til 30 sekunderAnsatte og stamkunder ser den hele dagen, så gjentakelsen må være varsom
GIF i en e-post2 til 5 sekunderGIF-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 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.

Åpent sent på fredager.

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

Kjøkkendisken
Dagens suppe: bakt gresskar
Serveres fra 11:30 til det er tomt
Gradiently · @gradiently

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 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. 1

    Start med plasseringen

    Bruk startintervallet i tabellen ovenfor for stedet der loopen skal spilles.

  2. 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. 3

    Velg tempoet

    Velg langsom bevegelse til merkevarelooper og skjermer. Spar rask bevegelse til korte, energiske innlegg.

  4. 4

    Se den fem ganger

    Spill loopen om igjen. Hvis omstarten begynner å irritere deg innen femte avspilling, legg til sekunder eller senk bevegelseshastigheten.

  5. 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, animerte e-posttoppbilder og stemningsvideo 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.

Design med en levende gradient

Innlegg, stories, lysbilder og bannere i alle størrelser, med tekst som alltid er lesbar.

Begynn å designe, gratis

Spørsmål folk stiller

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.

Del denne guiden

Skrevet av GradientlyVerifisert Gradiently-konto

Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.

Se profilen vår

På denne siden

Lengde på videoloop etter plasseringTre ting som avgjør lengdenTilpass bevegelseshastigheten til loopenLengde på bakgrunnsvideo til nettstederVelg looplengde, steg for stegLooplengder i Gradiently

Del denne guiden

Neste i Bevegelse

Parallakseeffekt: dybde i scrolling og bevegelsesdesign

Les videre

Alle guider om Bevegelse
Bevegelse

Sømløs loop: slik lager du en video som aldri hopper

6 min lesetid

En løkke som hopper én gang hvert tiende sekund, er verre enn ingen bevegelse i det hele tatt. Løsningen er ikke et bedre redigeringsprogram, men bevegelse som er designet for å komme hjem.

Bevegelse

Loopvideo: slik lager merkevarer klipp som aldri tar slutt

6 min lesetid

En god loop går i et butikkvindu hele dagen, ligger bak en overskrift på nettsiden eller snurrer under en låt, og ingen merker hvor den starter. Slik tar merkevarer den i bruk.

Bevegelse

Videobakgrunn på nettside: vekt, autoplay og tilgjengelighet

5 min lesetid

En hero i bevegelse kan få et nettsted til å føles levende, eller gjøre det tregt, forstyrrende og vanskelig å lese. Forskjellen er en kort liste med tekniske valg og designvalg.

Finn uttrykket som bare er ditt.

Hver Mark er en levende bakgrunn med én eier. Prøv en ledig Mark og sikre deg din når det føles riktig.

Begynn å designe

Sjekk et sertifikat

Skriv inn et sertifikatnummer eller en Mark-kode for å se hvem som eier den.

Virker med ChatGPT og Claude

Be AI-en din om et design. Den lager det i din Mark, klart til å redigere.

ChatGPTClaude
Slik kobler du til

Produkt

  • Marked
  • Utforsk
  • Priser
  • Sertifikater

Lær

  • Designguiden
  • Hjelpesenter
  • Hva er nytt

Utviklere

  • Oversikt
  • ChatGPT og Claude
  • API-referanse
  • API-nøkler

Selskap

  • Om oss
  • Kontakt oss
  • Logg inn

Juridisk

  • Vilkår
  • Personvern
  • Refusjoner
  • Mark-beskyttelse
  • Informasjonskapsler
  • Alle retningslinjer
Beveg deg over bokstavene. Hver av dem bærer en ekte Mark.Trykk på en bokstav for å se Marken.Ett navn. Ti Marks inni det.
© 2026 Gradiently