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
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
Looplengde
Hvorfor
Looplengde
Hvorfor
Looplengde
Hvorfor
Looplengde
Hvorfor
Looplengde
Hvorfor
Looplengde
Hvorfor
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.
En storyloop på 8 sekunder: én linje med ord, langsom glidning, og ferdig før den gjentas for ofte.
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.
<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>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, 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.
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.
Skrevet av Gradiently
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