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
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
Looplængde
Hvorfor
Looplængde
Hvorfor
Looplængde
Hvorfor
Looplængde
Hvorfor
Looplængde
Hvorfor
Looplængde
Hvorfor
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.
En story-loop på 8 sekunder: én linje ord, en langsom drift, væk før den gentager sig for ofte.
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.
<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>Sådan vælger du en looplængde, trin for trin
- 1
Start fra placeringen
Tag startintervallet fra tabellen ovenfor for det sted, loopen skal afspilles.
- 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
Sæt tempoet
Vælg langsom bevægelse til brandloops og skærme; gem rask bevægelse til korte, energiske opslag.
- 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
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.
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.
Skrevet af Gradiently
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