Beeld en video

Beeld en video omvat fotografie, illustratie, animatie en videoproductie die specifiek voor een website worden gemaakt. Eigen beeld geeft een site een herkenbaar gezicht, waar beeldbankfoto's bij concurrenten net zo goed kunnen staan. Het is tegelijk de zwaarste post in laadtijd, dus de technische aanlevering telt net zo zwaar als de creatieve kwaliteit.

Wat valt onder beeld en video?

Beeld en video omvat al het visuele materiaal dat specifiek voor een website wordt gemaakt: fotografie van mensen, producten, gebouwen en werk, illustraties en pictogrammen, animaties en videoproducties. Het is het materiaal dat een site een gezicht geeft en dat het verschil maakt tussen een pagina die overtuigt en een pagina die op tien andere lijkt.

Dat laatste is geen kleinigheid. Beeldbankfoto’s zijn snel en goedkoop, maar per definitie ook beschikbaar voor iedereen: dezelfde foto van een lachend team in een lichte vergaderzaal staat bij concurrenten net zo goed. Op pagina’s waar het om vertrouwen draait, zoals een teampagina of een projectoverzicht, werkt eigen beeld aantoonbaar anders dan gekocht materiaal.

Naast de creatieve kant is er een technische die minstens zo zwaar telt. Beeld is op de meeste pagina’s verantwoordelijk voor het grootste deel van het gewicht, en daarmee voor de laadtijd. Een prachtige foto die als bestand van vijf megabyte wordt geplaatst, kost meer bezoekers dan hij oplevert. Goede aanlevering en verwerking horen daarom bij het vak.

Wat valt er precies onder?

Het werk loopt van het bedenken van de beeldrichting tot het technisch klaarmaken van bestanden voor de site.

  • Beeldrichting: bepalen welk soort beeld bij het merk past, meestal vastgelegd met referenties en richtlijnen.
  • Fotografie: opnames van team, locatie, producten of werk, inclusief voorbereiding en selectie achteraf.
  • Illustratie en pictogrammen: getekend materiaal dat abstracte onderwerpen toont waar fotografie tekortschiet.
  • Videoproductie: concept, opname en montage, van korte sfeerbeelden tot uitleg- of interviewvideo.
  • Animatie: bewegend beeld dat processen of producten uitlegt zonder camerawerk.
  • Bewerking en uitsnedes: beeld klaarmaken voor de formaten die de site gebruikt, inclusief varianten voor telefoon.
  • Technische optimalisatie: omzetten naar moderne formaten en meerdere maten, met uitgesteld laden waar dat kan.
  • Rechten en toestemming: vastleggen van gebruiksrechten en, bij herkenbare personen, van portrettoestemming.

Hoe verloopt een beeldtraject?

Een beeldtraject werkt het beste als het aansluit op het ontwerp, zodat er precies wordt gemaakt wat de site nodig heeft.

  1. Beeldbehoefte bepalen. Aan de hand van het ontwerp wordt vastgesteld welke beelden nodig zijn, in welke verhoudingen en op welke plekken.
  2. Richting vaststellen. Er wordt bepaald welke stijl, kleurtoon en sfeer bij het merk passen, meestal met een moodboard.
  3. Voorbereiden. Locaties, mensen, producten en planning worden geregeld, wat bij fotografie vaak meer tijd kost dan de opnamedag zelf.
  4. Opnemen. De fotografie of video wordt gemaakt, met aandacht voor de uitsnedes die de site nodig heeft.
  5. Selecteren en bewerken. Uit het materiaal wordt geselecteerd en bewerkt, inclusief varianten voor verschillende schermformaten.
  6. Technisch aanleveren. Bestanden worden omgezet naar webformaten in meerdere maten en op de site geplaatst met alternatieve teksten.

Wanneer heb je dit nodig?

De duidelijkste aanleiding is een nieuwe website waarbij het ontwerp om beeld vraagt dat er nog niet is. Ontwerpen worden vaak gemaakt met tijdelijk beeld, en als dat niet wordt vervangen, blijft de site half af.

Een tweede aanleiding is verouderd of inconsistent materiaal: foto’s van verschillende fotografen uit verschillende jaren, met wisselende kleurtoon en kwaliteit, maken een site rommelig ook als het ontwerp klopt.

Ook producten of diensten die uitleg vragen pleiten ervoor, waar een korte animatie of video meer overbrengt dan een pagina tekst. En bij vertrouwenskwesties, zoals dienstverlening waarbij mensen willen weten met wie ze zaken doen, weegt echte fotografie van het team en de werkplek zwaarder dan welke tekst ook.

Wat levert het op?

Eigen beeld geeft een site een herkenbaar gezicht en draagt bij aan geloofwaardigheid, vooral op pagina’s waar bezoekers een inschatting maken van met wie ze te maken hebben. Het maakt ook uitleg mogelijk die met tekst moeizaam gaat: een product tonen, een proces laten zien, een werkomgeving voelbaar maken. En het scheelt op termijn, omdat een goed opgebouwde beeldbank jarenlang materiaal levert voor site, presentaties en sociale kanalen.

De risico’s liggen aan de technische kant en bij de rechten. Zwaar beeld is de meest voorkomende oorzaak van trage pagina’s, en dat weegt zwaarder dan de esthetische winst: een bezoeker die afhaakt tijdens het laden, ziet de mooie foto nooit. Daarnaast is beeld een terugkerende post: een teamfoto veroudert zodra er mensen komen of gaan. En gebruiksrechten die niet goed zijn vastgelegd, leiden regelmatig tot naheffingen of tot beeld dat na een periode niet meer gebruikt mag worden. Bureaus die beeld begroten zonder de rechten en de technische aanlevering te bespreken, laten twee reële kosten buiten beeld.

Waar let je op als je dit uitbesteedt?

Leg de gebruiksrechten schriftelijk vast: voor welke kanalen, hoe lang, in welk gebied en of je mag bewerken en uitsnijden. Bij fotografie ligt het auteursrecht standaard bij de maker en koop je gebruiksrecht, geen eigendom. Vraag ook om de originelen in hoge resolutie, zodat je later opnieuw kunt uitsnijden voor formaten die nu nog niet bestaan.

Vraag daarnaast hoe het beeld technisch wordt aangeleverd en verwerkt. Moderne formaten, meerdere maten per afbeelding en uitgesteld laden zijn geen luxe maar noodzaak, en het is de moeite waard om vast te leggen wie dat doet: de fotograaf, het bureau of het CMS. Vraag bij video expliciet of ondertiteling is inbegrepen, want dat is een aparte post en tegelijk een toegankelijkheidseis. Regel ten slotte de portrettoestemming van herkenbare personen, zeker bij medewerkers die later uit dienst kunnen gaan.

Veelgemaakte fouten

De fouten bij beeld zijn vaak onzichtbaar in het ontwerp en pijnlijk zichtbaar in de praktijk.

  • Onbewerkt beeld plaatsen. Camerabestanden van meerdere megabytes rechtstreeks op de site zetten, is de meest voorkomende oorzaak van trage pagina’s.
  • Geen alternatieve teksten. Afbeeldingen zonder beschrijving zijn onbruikbaar voor wie een schermlezer gebruikt en missen bovendien inhoudelijke waarde.
  • Rechten niet vastleggen. Zonder afspraken over duur en kanalen mag beeld soms na een jaar niet meer worden gebruikt, of volgt er een naheffing.
  • Uitsnedes vergeten. Beeld dat alleen in liggend formaat bestaat, valt uit elkaar in ontwerpen die ook een vierkante of staande variant nodig hebben.

Wat bepaalt de prijs?

De prijs volgt uit het aantal opnamedagen, de complexiteit van de productie en de omvang van de gebruiksrechten.

Wat de prijs opdrijft Waarom het meetelt
Aantal opnamedagen Meer locaties, mensen of producten betekent meer dagen, en voorbereiding kost vaak evenveel als de opname zelf.
Omvang van de gebruiksrechten Ruimere rechten in kanalen, duur en gebied verhogen het tarief; beperkte rechten zijn goedkoper maar knellen later.
Complexiteit van videoproductie Meerdere camera’s, acteurs, locaties en montagerondes maken video snel de zwaarste post.
Nabewerking en uitsnedes Elke extra verhouding en elke retouche is werk na de opnamedag, dat los wordt gerekend.

Fotografie wordt doorgaans per dagdeel of dag begroot, met nabewerking en gebruiksrechten als aparte posten. Video gaat vrijwel altijd op projectbasis, met een offerte per productie. Vraag expliciet wat er in de prijs zit aan selectie, bewerking en uitsnedes, en of de originelen worden geleverd. Vraag bij video ook naar ondertiteling en naar het aantal montagerondes, want dat zijn de twee posten waarop offertes het meest uiteenlopen.

Beeld en video en aanverwante diensten

Beeld staat zelden op zichzelf en werkt samen met vrijwel elke ontwerpdienst. Concept en creatie bepaalt de beeldrichting waar de fotograaf of illustrator mee werkt. Branding en huisstijl levert de kleurtoon en stijlkaders waar het beeld binnen moet vallen. Webdesign bepaalt in welke verhoudingen en formaten beeld nodig is, en die informatie hoort vóór de opnamedag beschikbaar te zijn. Frontend-development verzorgt de technische verwerking naar moderne formaten en meerdere maten, wat bepalend is voor de laadtijd. En digitale toegankelijkheid stelt eisen aan alternatieve teksten en aan ondertiteling bij video. Veel webdesignbureaus werken hiervoor samen met vaste fotografen en videomakers in plaats van het zelf te leveren.

Veelgestelde vragen

Is eigen fotografie de investering waard?

Voor pagina's waar het om vertrouwen gaat, meestal wel: teamfoto's, werkplekken, producten en projecten laten zien dat er een echte organisatie achter de site zit. Beeldbankfoto's van lachende modellen in een vergaderzaal doen het omgekeerde, zeker omdat dezelfde foto elders ook staat. Voor achtergrondbeeld en illustratieve onderwerpen kan een beeldbank prima volstaan. De vuistregel is: eigen beeld waar het over jou gaat, beeldbank waar het over het onderwerp gaat.

In welk formaat moet beeld worden aangeleverd?

Vraag om de originelen in hoge resolutie, zodat je later opnieuw kunt uitsnijden voor formaten die er nu nog niet zijn. Voor de site zelf worden die omgezet naar moderne webformaten zoals WebP of AVIF, in meerdere maten zodat een telefoon niet dezelfde grote afbeelding binnenhaalt als een breed beeldscherm. Dat omzetten hoort de bouwer of het CMS te doen; jij levert de bron aan.

Hoe zwaar mogen afbeeldingen zijn?

Er is geen harde grens, maar een enkele afbeelding zwaarder dan een paar honderd kilobyte is op een gemiddelde pagina al veel. Beeld is doorgaans verantwoordelijk voor het grootste deel van het gewicht van een pagina, en daarmee voor de laadtijd en de Core Web Vitals. Vraag bij oplevering om een meting van de zwaarste pagina op een mobiele verbinding, want dat legt onmiddellijk bloot of beeld goed is verwerkt.

Waar moet ik op letten bij gebruiksrechten?

Leg vast voor welke kanalen, welke periode en welk gebied je het beeld mag gebruiken, en of je het mag bewerken en uitsnijden. Bij fotografie ligt het auteursrecht standaard bij de maker; je koopt gebruiksrecht, geen eigendom, tenzij dat expliciet wordt overgedragen. Bij mensen op de foto heb je daarnaast toestemming nodig voor portretrecht. Regel dit schriftelijk vooraf, want achteraf onderhandelen over uitbreiding is vrijwel altijd duurder.

Moet video automatisch afspelen?

Liever niet met geluid, want dat wordt door bezoekers als storend ervaren en door browsers vaak geblokkeerd. Een korte, geluidloze video als achtergrond kan werken, mits hij licht is en er een stilstaand alternatief is voor wie verminderde beweging heeft ingesteld. Voor inhoudelijke video is een startknop beter: dan kiest de bezoeker zelf, en je laadt het bestand niet bij iedereen die de pagina opent.

Heeft video ondertiteling nodig?

Ja, om twee redenen. Toegankelijkheidsrichtlijnen vereisen ondertiteling bij video met gesproken tekst, en voor overheidsorganisaties is dat een harde eis. Daarnaast kijkt een aanzienlijk deel van de bezoekers video zonder geluid, bijvoorbeeld onderweg of op kantoor. Ondertiteling is dus geen bijzaak maar een voorwaarde. Reken erop dat het een aparte post is in de begroting van een videoproductie.