Hoe lang moet een videoloop zijn voor posts en schermen?

Hoe lang moet een videoloop zijn? Voor de meeste socialposts en stories 5 tot 15 seconden. Voor een websiteachtergrond 10 tot 30 seconden. Voor een scherm in een winkel of locatie waar mensen dagelijks langslopen 20 tot 30 seconden, en voor een gif in een e-mail slechts 2 tot 5 seconden. De juiste lengte is een balans tussen drie dingen: tijd om woorden te lezen, hoe vaak mensen het herstarten zien en bestandsgrootte. Een naadloze loop met slow motion kan korter zijn dan je verwacht.

Lengte van een videoloop per plaatsing

Drie dingen die de lengte bepalen

Tijd om de woorden te lezen

Als de loop een boodschap draagt, moet hij lang genoeg in beeld blijven om comfortabel te lezen, bij voorkeur twee keer. Een kop van drie woorden heeft maar een paar seconden nodig; een kop, een datum en een plaats hebben meer nodig. Als woorden inanimeren, tel dan vanaf het moment dat ze tot rust komen, niet vanaf het begin.

Hoe vaak de herstart wordt gezien

Elke loop heeft een naad, het moment waarop het laatste beeld het eerste ontmoet. Zelfs een perfecte naadloze loop herhaalt zijn patroon, en hoe vaker iemand kijkt, hoe meer het opvalt. Daarom verdienen loops die lang worden bekeken, zoals schermen in een café of een website-hero, meer seconden dan een post waar je in twee seconden langs scrolt.

Bestandsgrootte

Lengte is de grootste drijfveer van bestandsgrootte. Verdubbel de seconden en, bij gelijke kwaliteit, verdubbel je ongeveer het bestand. Op een website vertraagt dat de pagina; in een e-mail kan het een gif voorbij wat inboxen graag laden duwen. Korte loops met trage beweging geven de beste verhouding tussen gevoel en kilobytes.

Stem de bewegingssnelheid af op de loop

Lengte en tempo werken samen. Een trage drift over 10 seconden voelt rustig en duur; dezelfde drift samengeperst in 3 seconden wordt een gewiebel. Kies als regel eerst het tempo en dan de kortste lengte waarin één volledige cyclus van die beweging onhaast oogt. Zachte bewegingen, zoals kleur die langzaam ademt of licht dat over een kleurverloop trekt, kunnen op elke lengte herhalen omdat ze nooit aandacht trekken naar waar ze beginnen.

Lengte van een achtergrondvideo voor een website

Een achtergrondvideo op een website moet 10 tot 30 seconden zijn, zonder geluid en zo klein als je hem kunt maken terwijl hij er nog netjes uitziet: mik op een paar megabyte, niet tientallen. Geef hem een posterafbeelding zodat er iets te zien is tijdens het laden, en stop hem voor bezoekers die hun apparaat om minder beweging hebben gevraagd. Videoachtergrond voor een website behandelt compressie en formaten volledig.

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

Een looplengte kiezen, stap voor stap

1. 1

   Begin bij de plaatsing

   Neem het beginbereik uit de tabel hierboven voor waar de loop gaat spelen.

2. 2

   Time de woorden

   Lees de tekst twee keer hardop in een ontspannen tempo. De loop moet na het tot rust komen van de woorden minstens zo lang zijn.

3. 3

   Stel het tempo in

   Kies slow motion voor merkloops en schermen; bewaar vlotte beweging voor korte, energieke posts.

4. 4

   Bekijk hem vijf keer

   Speel de loop op herhaling. Als de herstart je bij de vijfde keer begint te storen, voeg dan seconden toe of vertraag de beweging.

5. 5

   Controleer het bestand

   Als het te zwaar is voor de pagina of de e-mail, kort hem dan in voordat je de kwaliteit verlaagt.

Voor specifieke formaten, zie formaat van Spotify Canvas, geanimeerde e-mailheaders en ambient video voor schermen die de hele dag spelen.

Looplengtes in Gradiently

Met Pro exporteert Gradiently elk ontwerp als naadloze loop van 5 tot 30 seconden, als MP4 of WebM tot 1080p, of als gif. Jij kiest de seconden en een traag, gelijkmatig of vlot tempo, en de beweging van de Mark is gebouwd om zonder zichtbare naad aan te sluiten bij elke lengte die je kiest. Opnemen gaat in realtime, dus een loop van 30 seconden kost 30 seconden om te maken; houd het tabblad open tot het klaar is.