Markedet
Priser
Log indStart
DesignguidenBevægelse
Bevægelse

Hvor lang skal en videoloop være til opslag og skærme?

En loop, der er for kort, viser sin samling hvert par sekunder; en, der er for lang, er en tung fil, ingen ser til ende. Her er de rigtige længder til hvert sted, en loop bor, og hvordan du vælger mellem dem.

GradientlyVerificeret Gradiently-konto·1. oktober 2026·5 min. læsning
Forside: Long Mist · GR·0NQZ·HW

Kort fortalt

  • Til sociale opslag og stories er en videoloop på 5 til 15 sekunder som regel lang nok til at blive læst og kort nok til at blive afspillet igen.
  • Baggrundsloops på websites fungerer godt på 10 til 30 sekunder, holdt små nok til at indlæses hurtigt.
  • Skærme i butikker, på spillesteder og i receptioner passer til længere loops på 20 til 30 sekunder, fordi folk ser dem mange gange.
  • Animerede GIF’er til nyhedsbreve bør holde sig omkring 2 til 5 sekunder, fordi GIF-filer vokser hurtigt med længden.
  • Langsom bevægelse får enhver looplængde til at føles roligere og skjuler det øjeblik, hvor loopen starter forfra.
På denne side
Længde på videoloops efter placeringTre ting, der afgør længdenAfstem bevægelsens tempo med loopenLængde på baggrundsvideo til websitesSådan vælger du en looplængde, trin for trinLooplængder i Gradiently

Hvor lang skal en videoloop være? Til de fleste sociale opslag og stories 5 til 15 sekunder. Til en websitebaggrund 10 til 30 sekunder. Til en skærm i en butik eller på et spillested, som folk går forbi hver dag, 20 til 30 sekunder, og til en GIF i et nyhedsbrev blot 2 til 5 sekunder. Den rigtige længde er en balance mellem tre ting: tid til at læse eventuelle ord, hvor ofte folk vil se genstarten, og filstørrelse. En sømløs loop med langsom bevægelse kan være kortere, end du tror.

Længde på videoloops efter placering

Feedopslag (Instagram, LinkedIn, Facebook)

Looplængde

5 til 10 sekunder

Hvorfor

Ses kort under scrolling; korte loops afspilles igen, før folk går videre
Baggrund til story eller Reel

Looplængde

5 til 15 sekunder

Hvorfor

Lang nok til at læse ordene, kort nok til at forblive let
Spotify Canvas

Looplængde

3 til 8 sekunder

Hvorfor

Spotifys eget interval for Canvas-loops
Baggrund i websitets hero

Looplængde

10 til 30 sekunder

Hvorfor

Besøgende bliver et stykke tid; en længere loop skjuler sin genstart
Skærme på spillesteder og i butikker

Looplængde

20 til 30 sekunder

Hvorfor

Personale og stamgæster ser den hele dagen, så gentagelsen skal være blid
GIF i et nyhedsbrev

Looplængde

2 til 5 sekunder

Hvorfor

GIF-filer vokser hurtigt; nogle mailprogrammer viser kun det første billede
Hvor den afspillesLooplængdeHvorfor
Feedopslag (Instagram, LinkedIn, Facebook)5 til 10 sekunderSes kort under scrolling; korte loops afspilles igen, før folk går videre
Baggrund til story eller Reel5 til 15 sekunderLang nok til at læse ordene, kort nok til at forblive let
Spotify Canvas3 til 8 sekunderSpotifys eget interval for Canvas-loops
Baggrund i websitets hero10 til 30 sekunderBesøgende bliver et stykke tid; en længere loop skjuler sin genstart
Skærme på spillesteder og i butikker20 til 30 sekunderPersonale og stamgæster ser den hele dagen, så gentagelsen skal være blid
GIF i et nyhedsbrev2 til 5 sekunderGIF-filer vokser hurtigt; nogle mailprogrammer viser kun det første billede
Startlængder til hvert sted, en loop bor. Juster efter, hvor meget tekst designet bærer.

Tre ting, der afgør længden

Tid til at læse ordene

Bærer loopen et budskab, skal det blive på skærmen længe nok til, at nogen kan læse det komfortabelt, helst to gange. En overskrift på tre ord kræver kun nogle få sekunder; en overskrift, en dato og et sted kræver mere. Animeres ordene ind, så tæl fra det øjeblik, de falder til ro, ikke fra starten.

Hvor ofte genstarten ses

Hver loop har en samling, det øjeblik hvor det sidste billede møder det første. Selv en perfekt sømløs loop gentager sit mønster, og jo flere gange nogen ser den, desto mere lægger de mærke til det. Derfor fortjener loops, der ses længe, som skærme på en café eller et websites hero, flere sekunder end et opslag, der scrolles forbi på to.

Filstørrelse

Længden er det, der påvirker filstørrelsen mest. Fordobler du sekunderne, fordobler du groft sagt filen i samme kvalitet. På et website gør det siden langsommere; i et nyhedsbrev kan det skubbe en GIF ud over, hvad indbakker gerne vil indlæse. Korte loops med langsom bevægelse giver det bedste forhold mellem stemning og kilobytes.

For kort

  • Ordene er væk, før de er læst
  • Genstarten kan ses hvert par sekunder
  • Bevægelsen skal være hurtig for at nå det, hvilket føles nervøst
  • Føles som en GIF fra et meme

For lang

  • Tung fil, langsom at indlæse
  • Ingen ser anden halvdel i et feed
  • Intet nyt sker, bare mere af det samme

Afstem bevægelsens tempo med loopen

Længde og tempo arbejder sammen. En langsom drift over 10 sekunder føles rolig og eksklusiv; samme drift presset ned i 3 sekunder bliver til en rystelse. Som regel skal du vælge tempoet først og derefter den korteste længde, hvor én hel cyklus af bevægelsen ser afslappet ud. Blide bevægelser, som farve der langsomt ånder, eller lys der bevæger sig hen over en gradient, kan loope i enhver længde, fordi de aldrig henleder opmærksomheden på, hvor de starter.

Åbent til sent om fredagen.

En story-loop på 8 sekunder: én linje ord, en langsom drift, væk før den gentager sig for ofte.

Ved disken
Dagens suppe: ristet græskar
Serveres fra kl. 11.30, så længe den haves
Gradiently · @gradiently

En loop på 30 sekunder til en skærm ved disken: baggrunden ånder så langsomt, at kunderne i køen aldrig ser en genstart.

Længde på baggrundsvideo til websites

En baggrundsvideo på et website skal være 10 til 30 sekunder, uden lyd og så lille, som du kan gøre den, mens den stadig ser ren ud: sigt efter få megabytes, ikke titals. Giv den et posterbillede, så der vises noget, mens den indlæses, og stop den for besøgende, der har bedt deres enhed om reduceret bevægelse. Website med videobaggrund dækker komprimering og formater i detaljer.

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, inline baggrundsloop med et posterbillede og et tjek for reduceret bevægelse. Browsere afspiller kun video automatisk, hvis den er uden lyd.

Sådan vælger du en looplængde, trin for trin

  1. 1

    Start fra placeringen

    Tag startintervallet fra tabellen ovenfor for det sted, loopen skal afspilles.

  2. 2

    Tag tid på ordene

    Læs teksten højt to gange i roligt tempo. Loopen skal mindst være så lang, efter ordene er faldet til ro.

  3. 3

    Sæt tempoet

    Vælg langsom bevægelse til brandloops og skærme; gem rask bevægelse til korte, energiske opslag.

  4. 4

    Se den fem gange

    Afspil loopen på gentagelse. Begynder genstarten at genere dig ved femte afspilning, så tilføj sekunder, eller sænk bevægelsen.

  5. 5

    Tjek filen

    Er den for tung til siden eller nyhedsbrevet, så gør den kortere, før du sænker kvaliteten.

Til specifikke formater, se størrelse på Spotify Canvas, animerede nyhedsbrevshoveder og ambient video til skærme, der kører hele dagen.

Looplængder i Gradiently

Med Pro eksporterer Gradiently ethvert design som en sømløs loop på 5 til 30 sekunder, som MP4 eller WebM op til 1080p eller som GIF. Du vælger sekunderne og et Langsomt, Jævnt eller Livligt tempo, og Markens bevægelse er bygget til at samles uden synlig overgang, uanset hvilken længde du vælger. Optagelsen kører i realtid, så en loop på 30 sekunder tager 30 sekunder at lave; hold fanen åben, mens den bliver færdig.

Design med en levende gradient

Opslag, stories, slides og bannere i alle størrelser, med tekst der altid kan læses.

Begynd at designe, gratis

Spørgsmål, folk stiller

Hvor lang skal en loopende video være til Instagram?

5 til 10 sekunder til et feedopslag og 5 til 15 sekunder til en baggrund i en story eller Reel, lang nok til at læse eventuelle ord to gange.

Hvor lang skal en baggrundsvideo på et website være?

10 til 30 sekunder, uden lyd og komprimeret til få megabytes, med et posterbillede og en pause for besøgende, der foretrækker reduceret bevægelse.

Hvor lang skal en GIF-loop være?

Omkring 2 til 5 sekunder. GIF-filer vokser hurtigt med længden, hvilket betyder mest i nyhedsbreve.

Ser en længere loop bedre ud?

Kun der, hvor folk ser med længe, som på skærme og websites’ heroområder. I et feed tilføjer ekstra sekunder filstørrelse, som ingen ser.

Hvordan skjuler jeg, hvor en videoloop starter forfra?

Lad det sidste billede glide over i det første, brug langsom bevægelse, og giv skærme, der kører hele dagen, en længere loop på 20 til 30 sekunder.

Del denne guide

Skrevet af GradientlyVerificeret Gradiently-konto

Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.

Se vores profil

På denne side

Længde på videoloops efter placeringTre ting, der afgør længdenAfstem bevægelsens tempo med loopenLængde på baggrundsvideo til websitesSådan vælger du en looplængde, trin for trinLooplængder i Gradiently

Del denne guide

Næste om Bevægelse

Parallakseeffekt: dybde i scroll og motion design

Læs videre

Alle guides om Bevægelse
Bevægelse

Sømløst loop: sådan laver du en video, der aldrig hopper

6 min. læsning

Et loop, der hopper en gang hvert tiende sekund, er værre end slet ingen bevægelse. Løsningen er ikke et bedre redigeringsprogram. Det er bevægelse, der er designet til at komme hjem.

Bevægelse

Looping video: sådan laver brands klip, der aldrig slutter

6 min. læsning

Et godt loop kører i en butiksrude hele dagen, ligger bag en overskrift på en hjemmeside eller drejer under en sang, uden at nogen lægger mærke til, hvor det starter. Sådan sætter brands dem i arbejde.

Bevægelse

Videobaggrund på website: vægt, autoplay og tilgængelighed

5 min. læsning

En hero i bevægelse kan få et site til at føles levende eller gøre det langsomt, forstyrrende og svært at læse. Forskellen er en kort liste af tekniske valg og designvalg.

Find det look, der kun er dit.

Hver Mark er en levende baggrund med én ejer. Prøv en ledig Mark, og sikr dig din, når det føles rigtigt.

Begynd at designe

Tjek et certifikat

Skriv et certifikatnummer eller en Marks kode for at se, hvem der ejer den.

Virker med ChatGPT og Claude

Bed din AI om et design. Den laver det i din Mark, klar til at redigere.

ChatGPTClaude
Sådan forbinder du

Produkt

  • Markedet
  • Udforsk
  • Priser
  • Certifikater

Lær

  • Designguiden
  • Hjælpecenter
  • Nyheder

Udviklere

  • Oversigt
  • ChatGPT og Claude
  • API-reference
  • API-nøgler

Virksomhed

  • Om os
  • Kontakt os
  • Log ind

Juridisk

  • Vilkår
  • Privatliv
  • Refusion
  • Mark-beskyttelse
  • Cookies
  • Alle politikker
Bevæg dig hen over bogstaverne. Hvert af dem bærer en ægte Mark.Rør ved et bogstav for at se dets Mark.Ét navn. Ti Marks inden i.
© 2026 Gradiently