# Hoe lang moet een videoloop zijn voor posts en schermen?

[Canonical HTML page](https://gradiently.design/nl/guide/video-loop-length)

Een loop die te kort is laat om de paar seconden zijn naad zien; een te lange is een zwaar bestand dat niemand tot het eind bekijkt. Dit zijn de juiste lengtes voor elke plek waar een loop leeft, en hoe je kiest.

## The short version

- Voor socialposts en stories is een videoloop van 5 tot 15 seconden meestal lang genoeg om te lezen en kort genoeg om te herhalen.
- Loops als websiteachtergrond werken goed op 10 tot 30 seconden, klein genoeg om snel te laden.
- Schermen in winkels, locaties en ontvangstruimtes passen bij langere loops van 20 tot 30 seconden, omdat mensen ze vaak zien.
- Geanimeerde gif’s voor e-mails blijven rond 2 tot 5 seconden, omdat gif-bestanden snel groeien met de lengte.
- Slow motion laat elke looplengte rustiger aanvoelen en verbergt het moment waarop de loop opnieuw begint.

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

| Waar hij speelt | Looplengte | Waarom |
| --- | --- | --- |
| Feedpost (Instagram, LinkedIn, Facebook) | 5 tot 10 seconden | Kort gezien tijdens het scrollen; korte loops herhalen voordat mensen doorgaan |
| Story- of Reelachtergrond | 5 tot 15 seconden | Lang genoeg om de woorden te lezen, kort genoeg om licht te blijven |
| Spotify Canvas | 3 tot 8 seconden | Het eigen bereik van Spotify voor Canvas-loops |
| Hero-achtergrond van een website | 10 tot 30 seconden | Bezoekers blijven even; een langere loop verbergt zijn herstart |
| Schermen in locaties en winkels | 20 tot 30 seconden | Personeel en vaste klanten zien hem de hele dag, dus herhaling moet mild zijn |
| Gif in een e-mail | 2 tot 5 seconden | Gif-bestanden groeien snel; sommige e-mailapps tonen alleen het eerste beeld |

Beginlengtes voor elke plek waar een loop leeft. Pas aan op hoeveel tekst het ontwerp draagt.

## 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](https://gradiently.design/nl/guide/seamless-loop-video) 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.

### Te kort

- Woorden weg voordat ze gelezen zijn
- De herstart is om de paar seconden zichtbaar
- Beweging moet snel zijn om te passen, wat nerveus voelt
- Voelt als een gif uit een meme

### Te lang

- Zwaar bestand, traag te laden
- Niemand ziet de tweede helft in een feed
- Er gebeurt niets nieuws, alleen meer van hetzelfde

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

Een verticale storyloop met de tekst Vrijdag laat open voor Harbour Books, op een langzaam driftend kleurverloop

Een storyloop van 8 seconden: één regel woorden, een trage drift, weg voordat hij te vaak herhaalt.

Een breedbeeld caféschermloop met de tekst Soep van de dag: geroosterde pompoen, geserveerd vanaf 11.30 uur, op een rustig kleurverloop

Een toonbankscherm-loop van 30 seconden: de achtergrond ademt zo langzaam dat wachtende klanten nooit een herstart zien.

## 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](https://gradiently.design/nl/guide/video-background-website) behandelt compressie en formaten volledig.

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

Een gedempte, inline achtergrondloop met een posterbeeld en een controle op verminderde beweging. Browsers spelen alleen video automatisch af die gedempt is.

## Een looplengte kiezen, stap voor stap

1. **Begin bij de plaatsing** Neem het beginbereik uit de tabel hierboven voor waar de loop gaat spelen.
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. **Stel het tempo in** Kies slow motion voor merkloops en schermen; bewaar vlotte beweging voor korte, energieke posts.
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. **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](https://gradiently.design/nl/guide/spotify-canvas-size), [geanimeerde e-mailheaders](https://gradiently.design/nl/guide/animated-email-header) en [ambient video](https://gradiently.design/nl/guide/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.

## FAQ

### Hoe lang moet een loopvideo voor Instagram zijn?

5 tot 10 seconden voor een feedpost en 5 tot 15 seconden voor een story- of Reelachtergrond, lang genoeg om woorden twee keer te lezen.

### Hoe lang moet een achtergrondvideo voor een website zijn?

10 tot 30 seconden, zonder geluid en gecomprimeerd tot een paar megabyte, met een posterafbeelding en een pauze voor bezoekers die minder beweging verkiezen.

### Hoe lang moet een gif-loop zijn?

Ongeveer 2 tot 5 seconden. Gif-bestanden groeien snel met de lengte, wat het meest telt in e-mails.

### Ziet een langere loop er beter uit?

Alleen waar mensen lang kijken, zoals schermen en website-heroes. In een feed voegen extra seconden bestandsgrootte toe die niemand ziet.

### Hoe verberg ik waar een videoloop herstart?

Laat het laatste beeld overvloeien in het eerste, gebruik slow motion en geef schermen die de hele dag spelen een langere loop van 20 tot 30 seconden.