Gids 08 · 6 minuten
Welke foto's zet ik op mijn website?
Het korte antwoord
Eigen foto's, van je eigen werk en je eigen mensen — die overtuigen en die kun je niet ergens anders tegenkomen. Sla ze op als WebP, maximaal 1600 pixels breed en onder de 250 kilobyte per stuk, en geef elke foto een breedte en hoogte mee zodat de pagina niet springt tijdens het laden.
Beeld is op de meeste websites tegelijk het overtuigendste en het zwaarste onderdeel. Diezelfde twee dingen maken het de plek waar het vaakst misgaat: te weinig echt beeld, en te veel megabytes.
De goede aanpak is niet ingewikkeld en kost geen fotograaf. Je hebt een telefoon, je hebt werk dat af is, en je hebt tien minuten.
Waarom stockfoto's tegen je werken
Een gehuurde foto van een lachend team in een glazen kantoor zegt niets over wat jij levert. Erger: de meeste bezoekers herkennen inmiddels dat het gehuurd is, en dan zegt hij wél iets — namelijk dat er niets echts te zien was.
Er is ook een praktisch risico. Stockbeeld wordt actief nagelopen door partijen die claims sturen als de licentie niet klopt, en "het stond in mijn websitepakket" is dan geen verweer. Een foto die je zelf hebt gemaakt heeft dat probleem niet, en niemand anders heeft hem.
En het derde: eigen beeld is inhoud. Een foto van de badkamer die je vorige maand hebt aangesloten, met een regel eronder over waar hij staat en wat het probleem was, is meteen bewijs, tekst en vindbaarheid in één.
Wat je zelf kunt fotograferen
Een moderne telefoon is meer dan genoeg. Wat je nodig hebt is licht en een half uur, niet een camera.
01
Werk dat af is
Het meest overtuigende beeld dat er bestaat, en het enige dat je concurrent niet heeft. Maak er meteen na oplevering een paar, voordat je gereedschap weer in de bus ligt.
02
Voor en na
Twee foto's van hetzelfde punt, dezelfde hoek. Dit is het beeld waar mensen het langst naar kijken en waarover ze bellen.
03
Jezelf, in het echt
Geen studioportret tegen een grijze achtergrond, maar jij in je werkkleding op een klus. Bij een eenmanszaak of een klein bedrijf is dit vaak het beeld dat de aanvraag binnenhaalt.
04
Je bus, je pand, je gereedschap
Dat je bestaat en ergens zit, is voor iemand die je nog niet kent geen kleinigheid. Dezelfde foto's gaan ook in je Google-bedrijfsprofiel, waar ze meetellen.
05
Daglicht, en niet tegen het licht
De enige regel die je nodig hebt. Rug naar het raam, veeg de lens af, maak er tien in plaats van één. Bewerken hoeft niet.
De maten die ik aanhoud
Hier gaat het gewicht heen. Een telefoonfoto is vier megabyte; op je site heb je daar vijf procent van nodig zonder dat iemand het verschil ziet.
- Bestandsformaat
- WebP
- Ongeveer 30% lichter dan JPEG bij hetzelfde beeld, en al jaren door elke browser ondersteund. AVIF is nog lichter maar geeft meer gedoe.
- Breedte
- 1600 pixels
- Genoeg voor een schermbreed beeld op een scherp scherm. Voor een foto in een kolom is 800 al ruim.
- Gewicht per foto
- onder 250 kB
- Grote schermbrede foto's mogen richting 300. Kom je erboven, dan zit er beeld in dat niemand ziet.
- Hele pagina
- onder 1 MB
- Alles bij elkaar: tekst, opmaak, lettertypen en beeld. Daaronder laadt je site op 4G binnen een seconde.
Van vier megabyte naar tweehonderd kilobyte
- 01
Verklein eerst de afmetingen
Een foto van 4032 pixels breed terugbrengen naar 1600 haalt al driekwart van het gewicht weg, zonder dat je iets aan de kwaliteit merkt. Dit is de stap die het meeste doet en die vrijwel iedereen overslaat.
- 02
Sla op als WebP, kwaliteit rond 80
Onder de 70 gaat het zichtbaar korrelen in vlakke stukken zoals een lucht. Boven de 90 betaal je bytes voor verschil dat niemand ziet.
- 03
Geef breedte en hoogte mee
Dan houdt de browser de ruimte vrij voordat de foto binnen is, en springt de tekst niet weg onder je vinger. Dit is een van de twee oorzaken van een slechte CLS-score.
- 04
Laad wat onder de vouw staat later
Foto's die je pas ziet als je scrollt, hoeven niet mee in de eerste lading. Eén woord in de code. Doe dat níet bij de bovenste foto — die is meestal je LCP en moet juist zo vroeg mogelijk komen.
- 05
Schrijf een alt-tekst
Beschrijf wat er te zien is, in gewoon Nederlands: "nieuwe cv-ketel in een bijkeuken in Capelle". Nodig voor mensen die de foto niet zien, en het is de enige manier waarop een zoekmachine weet wat erop staat. Sier-elementen krijgen juist géén alt-tekst.
Zelf doen
Wat je vandaag zelf kunt afwerken
Vink af wat je hebt gedaan. Er wordt niets bewaard — bij een volgend bezoek staat de lijst weer leeg. Dat is een keuze: iets opslaan in je browser om een vinkje te onthouden staat slecht op een site die uitlegt waarom je zo weinig mogelijk van je bezoekers wilt weten.
0 / 6
Of je laat het doen
Website laten maken in Capelle aan den IJssel
Bij een nieuwe site loop ik dit in één keer door: jouw foto's, in de juiste maten, met afmetingen meegegeven — zodat je er nooit meer aan hoeft te denken.
vanaf € 1.800 · doorlooptijd 2 tot 5 weken · vaste prijs vooraf
Vragen
Wat mensen hier nog over vragen
Staat je vraag er niet bij? Mail me, dan schrijf ik hem erbij. Binnen één werkdag antwoord. Meestal dezelfde dag.
Maximaal 1600 pixels breed en onder de 250 kilobyte per stuk. Een foto rechtstreeks van je telefoon is drie tot zes megabyte — dat is twintig keer te veel. Eerst de afmetingen terugbrengen, dan opslaan als WebP met kwaliteit rond 80.
WebP. Ongeveer 30% lichter dan JPEG bij hetzelfde beeld en al jaren door elke browser ondersteund. AVIF is nog iets lichter maar levert meer gedoe op dan het oplevert. PNG alleen voor beeld met scherpe lijnen of doorzichtigheid, en logo's het liefst als SVG.
Nee. Vrijwel alles wat je via Google Afbeeldingen vindt is van iemand, en er zijn partijen die daar actief op controleren en claims sturen. Gebruik je eigen foto's, of beeld met een licentie die je kunt aantonen. Eigen werk is bovendien overtuigender.
Een korte beschrijving van wat er op de foto staat. Nodig voor mensen die de foto niet kunnen zien, en het is de enige manier waarop een zoekmachine weet wat erop staat. Beschrijf het in gewoon Nederlands. Foto's die er alleen voor de sier staan, krijgen juist géén alt-tekst.
Volgende stap
Zullen we eens kijken waar bij jou de uren weglekken?
Een gesprek van drie kwartier, bij jou op locatie. Je krijgt sowieso een lijstje mee met wat ik zou aanpakken — of je nu met mij verder gaat of niet.
Binnen één werkdag antwoord. Meestal dezelfde dag. · Je spreekt Kaz, niet een callcenter.