← Terug naar overzicht
Deel 4 van 6

Afbeeldingen en media

Boyd Belshof
Boyd Belshof Co-founder Webnexus · April 2026
Vergelijking van dezelfde website met generieke stockfoto's links en echte persoonlijke foto's rechts — het verschil in authenticiteit is direct zichtbaar

Dit is het deel waar de meeste mensen vastlopen. Je hebt een prachtige website laten genereren, de teksten kloppen, het design is strak — maar overal staan lege vlakken of generieke stockfoto's. En dat is precies het verschil tussen "weer een website" en "wow, dit is professioneel."

Afbeeldingen maken of breken je site. Punt. Laat me uitleggen hoe je het goed doet.

De workflow: foto's uploaden in Claude

Wat veel mensen niet weten: je kunt foto's direct uploaden in je Claude-gesprek. Claude analyseert ze en bepaalt waar ze het beste passen op je website. Dit is de workflow die ik aanbeveel:

  1. Verzamel je foto's — teamfoto's, productfoto's, werkfoto's, locatie, logo
  2. Upload ze in het Claude-gesprek — een voor een of meerdere tegelijk
  3. Geef een korte beschrijving — "dit is ons team", "dit is product X"
  4. Claude analyseert en plaatst — het bepaalt de beste plek op de site
  5. De code verwijst naar images/bestandsnaam.jpg — je maakt later een mapje
Screenshot van Claude.ai waarin een gebruiker een teamfoto uploadt en Claude de foto analyseert en voorstelt als hero-achtergrond

Welke foto's heb je nodig?

Je hebt niet tientallen foto's nodig. Met 4-6 goede foto's heb je al een complete, persoonlijke site. Dit is wat ik minimaal aanbeveel:

  • Hero-afbeelding — liggend (landscape), breed, iets dat de sfeer van je bedrijf laat zien. Kan je werkplek, je product, of jezelf aan het werk zijn.
  • Teamfoto of portret — voor de "over ons" sectie. Laat zien wie er achter het bedrijf zit.
  • 2-3 werkfoto's — projecten, producten, resultaten. Bij diensten of portfolio.
  • Logo — als PNG met transparante achtergrond, of als SVG.

Geen foto's? Geen paniek

Je kunt een uitstekende website bouwen zónder foto's. Claude maakt dan stijlvolle CSS-placeholders: gekleurde gradient-vlakken, iconen bij diensten, initialen bij testimonials. Het ziet er professioneel uit en je kunt later altijd foto's toevoegen.

Maar — en dit is mijn eerlijke advies — maak die foto's. Een goede smartphone in daglicht levert betere resultaten dan de duurste stockfoto. Paar tips:

  • Gebruik daglicht — bij een raam is perfect, vermijd TL-licht
  • Liggende foto's — werken beter op websites dan staande
  • Opgeruimde achtergrond — rommel leidt af
  • Ooghoogte — houd de camera op ooghoogte, niet van boven/onder
  • Meerdere foto's maken — je kiest later de beste
Vergelijking van een slechte foto (donker, rommelig, schuin) met label Vermijd dit en een goede foto (goed belicht bij raam, opgeruimd, ooghoogte) met label Dit werkt

De bestandsstructuur

Als Claude je website genereert met foto's, verwijst de code naar bestanden in een images/ map. De structuur ziet er zo uit:

index.html ← Je website images/ ├── logo.png ← Je logo ├── hero.jpg ← Hero achtergrondafbeelding ├── team.jpg ← Teamfoto ├── dienst-1.jpg ← Foto bij dienst 1 ├── dienst-2.jpg ← Foto bij dienst 2 └── ...

Bij het uploaden naar Webnexus Sites maak je dezelfde mapstructuur aan in je dashboard. Of je uploadt alles als ZIP — dat is het makkelijkst. Meer daarover in deel 6.

Gratis stockfoto's (als backup)

Als je toch stockfoto's wilt gebruiken, doe het dan slim. Unsplash en Pexels zijn gratis en hebben kwalitatieve foto's. Zoek op specifieke termen die passen bij je branche. Upload ze in het Claude-gesprek zodat het ze kan analyseren en op de juiste plek kan zetten.

In het volgende deel gaan we het hebben over iets waar veel ondernemers tegenop zien maar wat cruciaal is: SEO en conversie-optimalisatie. Hoe zorg je dat mensen je site VINDEN en dan ook nog ACTIE ondernemen?

← Deel 3 Deel 5: SEO en conversie-optimalisatie →