Zet een video op je website in 1080p met een bitrate van 3 tot 5 Mbps. Een film van 30 seconden is dan ongeveer 15 MB. Hoe kleiner het bestand, hoe sneller de pagina laadt, en dat telt vooral bij een header video bovenaan je pagina. Langere video's host je beter bij YouTube of Vimeo en embed je. Hieronder lees je hoe je de bestandsgrootte uitrekent, hoe je een video comprimeert en wat je instelt voor een header video.
Hoe reken je de bestandsgrootte uit?
De formule is: bitrate in Mbps maal aantal seconden, gedeeld door 8, is de grootte in MB. Het geluid komt er nog een beetje bij. Zo zie je meteen wat een video met de laadtijd van je pagina doet:
| Duur | Bij 3 Mbps | Bij 5 Mbps |
|---|---|---|
| 15 seconden | ongeveer 6 MB | ongeveer 9 MB |
| 30 seconden | ongeveer 11 MB | ongeveer 19 MB |
| 60 seconden | ongeveer 23 MB | ongeveer 38 MB |
Een bezoeker op 4G met een wisselende verbinding wacht merkbaar op een video van 40 MB. Houd dus rekening met mobiele bezoekers, niet alleen met je eigen kantoorwifi.
Waarom een kleinere video je pagina sneller maakt
Een video is vaak het zwaarste onderdeel van een pagina. Eén bestand van 20 MB kan meer data zijn dan alle foto's en teksten op de pagina samen. De browser moet dat binnenhalen voordat de video goed speelt, en tot die tijd zie je een leeg vlak of een haperend beeld.
Bezoekers wachten daar niet op. Wie op zijn telefoon staat te wachten tot jouw bovenste beeld verschijnt, sluit de pagina en kijkt bij de volgende aanbieder. Je verliest een mogelijke klant voordat hij je aanbod heeft gezien. Laadsnelheid speelt bovendien mee in hoe zoekmachines je pagina beoordelen.
Hoe comprimeer je een video voor je website?
Comprimeren is exporteren met lagere instellingen. Je past ze aan in je montageprogramma of in een programma zoals HandBrake:
- Bitrate: 3 tot 5 Mbps voor een gewone video, 2 tot 3 Mbps voor een header video
- Resolutie: niet hoger dan de plek op de pagina. Staat de video in een blok van 800 pixels breed, dan hoeft hij geen 1920 pixels te zijn
- Geluid: laat het weg bij een video die zonder geluid afspeelt
- Duur: kort, en laat hem herhalen in plaats van een lang bestand te gebruiken
- Snelle start: zet de optie aan die afspelen laat beginnen voordat het hele bestand binnen is, vaak 'web optimized' of 'fast start' genoemd
Zoek de grens zelf op. Verlaag de bitrate stap voor stap en bekijk de video op een telefoon. Zie je blokjes of vlekken in het beeld, ga dan één stap terug omhoog.
Wat stel je in voor een header video?
Een header video bovenaan een pagina speelt automatisch en zonder geluid af. Houd hem kort, tussen de 10 en 20 seconden, en laat hem herhalen. Exporteer in 1080p met 2 tot 3 Mbps en laat het geluid weg. Bij 15 seconden en 2,5 Mbps blijft het bestand rond de 5 MB. Houd 10 MB aan als bovengrens, want dit is het eerste wat een bezoeker ziet.
Kies voor een header video rustige opnames. Beeld met veel beweging, zoals water of een drukke zaal, vraagt meer bitrate voor dezelfde kwaliteit en maakt het bestand dus zwaarder. Ligt er tekst of een donkere laag over de video, dan zie je minder detail en kun je de bitrate gerust verder verlagen.
Film met geluid op je eigen pagina
Een bedrijfsfilm van een of twee minuten met geluid zet je het beste bij YouTube of Vimeo en embed je. Die diensten passen de kwaliteit automatisch aan de verbinding van de kijker aan. Een los MP4-bestand op je eigen server doet dat niet en maakt je pagina zwaarder. Meer richtwaarden voor beeld op je site staan in Wat is een goede resolutie voor foto's en video op je website en social media?
Wanneer is 4K op een website zinvol?
Meestal niet. Een videospeler op een website is zelden breder dan 1920 pixels, dus de extra pixels van 4K zie je niet. Het bestand wordt alleen vier keer zo groot en je pagina trager. Film gerust in 4K, dat geeft ruimte voor uitsneden en stabilisatie bij het monteren, en exporteer de versie voor je site in 1080p. Het verschil tussen de twee leggen we uit in 4K of Full HD: maakt de resolutie van je video echt uit?
Wil je weten welke bestanden je van ons krijgt na een opdracht, en in welke formaten? Dat lees je in Hoe wij bestanden aanleveren na een zakelijke shoot.
