Zo stem je je personal branding fotoshoot af op je website: de foto checklist
Snel antwoord
Een personal branding fotoshoot en een website werken alleen samen als je ze voor de shoot op elkaar afstemt. Je hebt brede horizontale foto's nodig voor hero secties, genoeg negatieve ruimte voor tekst en knoppen, en een kleurpalet dat aansluit bij je websiteontwerp. Doe je dit niet, dan mis je altijd minstens een belangrijk opname.
De meeste content over personal branding fotografie is geschreven door fotografen. Ze vertellen je hoe je je kledingwissels plant, welke locaties werken en hoe je ontspannen voor de lens staat.
Wat ze niet vertellen: wat de webdesigner daarna nodig heeft.
Ik bouw websites en ik zie het elke keer. Een klant heeft net een prachtige shoot achter de rug. Tientallen foto's, professionele belichting, mooi gevoel. En dan beginnen we aan de site en ontbreekt precies wat ik nodig heb. Geen horizontale bannerafbeelding. Geen ruimte voor tekst naast het gezicht. Geen neutrale achtergrond voor een CTA sectie.
Dit blog schrijf ik als website designer, niet als fotograaf. Ik vertel je wat ik van jouw foto's nodig heb om je Squarespace site te bouwen. Niet in het algemeen. Concreet, per sectie.
Inhoudsopgave
- Jouw drie opties op een rij
- Squarespace domain kopen: wat kost het?
- Gratis domein bij jaarabonnement
- Extern domein koppelen aan Squarespace
- Stap voor stap: TransIP koppelen
- Stap voor stap: Mijndomein koppelen
- Squarespace domains vs. externe registrar
- Domein overzetten naar Squarespace
- Veelgestelde vragen
Wat Squarespace van je foto's vraagt en waarom dat anders is dan je denkt
Squarespace is een visueel platform. De templates zijn gebouwd rond grote, paginabrede beelden: hero secties, splitlayouts, achtergrondafbeeldingen achter tekst. Dat is ook precies wat Squarespace zo sterk maakt: als het klopt, is het direct professioneel.
Maar dat stelt specifieke eisen aan je foto's, eisen die de meeste fotografen niet kennen als ze niet regelmatig voor webdesigners werken.
Verhouding en oriëntatie
Een hero sectie op de homepage — de grote banner bovenaan — is doorgaans twee tot drie keer zo breed als hoog. Dat vraagt om een liggende, landschapsgeoriënteerde foto. Niet een portret. Als jij met een staande foto het bovenste gedeelte van je site wilt vullen, wordt die ofwel gek bijgesneden ofwel uitgerekt.
Een portretfoto werkt uitstekend voor de Over mij pagina of in een twee-koloms-layout naast tekst. Maar voor banners is de liggende foto de enige optie die consistent werkt op alle schermformaten.
Resolutie versus bestandsgrootte
Squarespace comprimeer afbeeldingen automatisch, maar begint daarbij wel met de bestanden die jij aanlevert. Aanleveren in hoge kwaliteit (minimaal 2500 pixels breed voor hero afbeeldingen) is een vereiste. Foto's die te klein worden aangeleverd worden vaag als Squarespace ze opschaalt naar paginabreedte.
Negatieve ruimte: niet leeg, maar essentieel
Dit is het concept dat ik het meest uitleg aan mijn klanten en het concept dat fotografen het minst aanleveren zonder expliciete instructie.
Negatieve ruimte is het stuk van de foto waar niets bijzonders staat. Een egale lichte muur. Een vage achtergrond die uit de focus valt. Een stuk vloer. Een wolkenlucht.
Voor een website is dat geen verloren ruimte. Dat is werkruimte.
Op dat stuk van de foto plaatst de designer:
De hoofdtekst van de sectie
Een knop (Call to Action)
Een tagline of quote
Een kleine navigatieaanwijzing
Als de achtergrond te druk is, of als de fotograaf strak heeft ingezoomd tot vlak bij het gezicht, is er geen ruimte meer om tekst leesbaar te plaatsen. Ik zou dan ofwel een stuk blokkleur over de foto heen moeten leggen (wat de foto sloopt), ofwel een oplossing zoeken die altijd een compromis is.
De praktische instructie voor je fotograaf:
Vraag expliciet om foto's waarbij je niet exact gecentreerd staat. Jij links in beeld, de rechterhelft ruim. Of jij rechts, de linkerhelft open.
Vraag ook om opnames waarbij je meer ruimte boven je hoofd hebt dan je normaal zou willen op een banner wordt die ruimte gevuld.
Vraag je fotograaf ook om een paar korte clips van 5 tot 15 seconden. Jij aan het werk, een sfeervol detail, een rustig moment op de locatie. Squarespace ondersteunt videoachtergronden in hero secties, en bewegend beeld houdt bezoekers langer op je pagina dan een stilstaande foto. Een loopende clip zonder geluid is voldoende. Lever aan als MP4.
Squarespace proefwebsite al nodig om te oefenen?
Als Squarespace Partner geef ik je 365 dagen proefperiode (in plaats van 14) en ook nog 25% korting op je eerste jaarabonnement van Squarespace Plans. Kost je niets extra.
De checklist die ik mijn klanten geef
Hieronder staat wat ik elke klant meestuur voor hun personal brandingshoot. Geef dit letterlijk door aan je fotograaf.
Homepage hero (meest kritisch)
Minimaal drie liggende foto's waarbij jij niet gecentreerd staat. Een keer jij links, een keer jij rechts, een keer frontaal met ruimte boven je hoofd. Achtergrond rustig of wazig. Minimale resolutie: 2500 px breed.
Over mij pagina
Een open, directe blik in de camera. Portretformaat is hier prima. De sfeer moet warm en benaderbaar zijn. Dit is de pagina waarop bezoekers beslissen of ze je vertrouwen. De foto doet dat werk.
Actiefoto's (werken in jouw setting)
Beelden waarop je zichtbaar bezig bent: achter een laptop, in gesprek, aan het schrijven, iets vasthoudt dat bij je werk hoort. Deze foto's bouwen autoriteit op. Een coach die coacht, een stylist die werkt, een designer die ontwerpt. Twee à drie is genoeg; meer hoeft niet.
Detailbeelden
Sfeerfoto's zonder jezelf erin: je bureau, je handen op het toetsenbord, een koffie naast een schetsboek, materialen. Deze zijn ideaal als subtiele vulling tussen tekstblokken en voor de mobiele weergave waar grote portretfoto's soms niet logisch inpassen.
Een neutrale achtergrondafbeelding
Eén opname van de locatie zonder dat jij erin staat — een stuk muur, een tafel van boven, een detail van de ruimte. Dit gebruik ik als achtergrond voor secties met een quote of testimonial.
Foto's aanleveren voor je website
Comprimeer via Squoosh (gratis) of iloveimage.com op 80% kwaliteit het verschil is op scherm onzichtbaar. Tussen de 250 KB en 500 KB is perfect. Kleurmodus: RGB, niet CMYK. Hernoem het bestand voor het uploaden: personal-branding-fotograaf-amsterdam.jpg werkt, niet IMG_4820.jpg
Kleurharmonie: shoot en website op een lijn
Een website heeft een kleurpalet. Dat palet bepaal ik samen met de klant voor de bouw op basis van het merk, de doelgroep en de positionering. Zodra dat palet vastligt, weet je ook welke kleuren op de foto's het beste werken.
Stel: we kiezen voor een website in crèmewit, zandtinten en diepgroen. Dan past een shoot in een lichte studio met een naturel outfit perfect. Maar een foto in een felle industriële ruimte met rode kleding creëert visuele ruis. Je oog weet niet waar het naartoe moet.
Dit betekent concreet voor je website kleurenpalet:
Beslis eerst het websitekleurenpalet, kies daarna je shootlocatie en kledingwissels
Vermijd kleuren op je kleding die direct contrasteren met je merkkleuren (niet per se dezelfde kleur maar niet tegengesteld)
Neutrale locaties (lichte studio, lichte houten vloer, muurtje buiten, rustige natuur) werken op meer websites dan drukke of sterk gekleurde omgevingen
Ik heb klanten gehad die met fantastische foto's uit een blauw neon interieur kwamen. Prachtig als beeld, maar ze pasten in geen enkele sectie van de crème groene site die we aan het bouwen waren.
Hoe Squarespace je foto's bijsnijdt op mobiel en wat de focal point instelling wel en niet oplost
Squarespace heeft een focal point instelling per afbeelding. Je klikt op de Image Block in de editor, kiest een ankerpunt (zeg: de camera rechts in het beeld en Squarespace zorgt dat dat punt altijd centraal en zichtbaar blijft, ongeacht schermformaat. Op desktop zie je de volle breedte. Op mobiel snijdt de foto bij, maar het ankerpunt blijft in beeld.
Dat is een nuttige instelling. Maar ze lost niet alles op.
De focal point werkt alleen als er genoeg ruimte rondom het ankerpunt is om op te offeren bij het bijsnijden. Als jij in een foto letterlijk van rand tot rand staat, geen ruimte boven je hoofd, nauwelijks ruimte naast je schouders, heeft Squarespace niets om weg te snijden zonder je beeld aan te tasten. De focal point kan het ankerpunt vasthouden, maar het frame krimpt alsnog.
Wat dit betekent voor je shoot: je gezicht en je lichaam hebben ademruimte nodig in het frame. Niet omdat dat er mooier uitziet op de foto zelf maar omdat die ruimte de marge is waarbinnen de focal point instelling zijn werk kan doen op een smal scherm.
Een foto met jou gecentreerd en voldoende lucht boven, onder en opzij: die is altijd te redden. Een foto waarbij je hoofd de bovenkant van het frame raakt: die geeft altijd problemen op mobiel, hoe goed de focal point ook is ingesteld.
Wanneer overleg je met je designer over je brandingshoot?
Voor de shoot. Dat kan enorm helpen. Tenminste als je al tekst hebt.
Ik werk met klanten waarbij we de layout van de homepage al schetsen voordat de shoot plaatsvindt. Zo weten we:
Hoeveel hero secties er zijn en in welke verhoudingen
Of de homepage een split layout heeft (jij links, tekst rechts) of een volledige brede banner
Welke pagina's portretfoto's nodig hebben versus liggende beelden
Welk kleurpalet definitief is
Met die informatie heb je een briefing die naar de fotograaf kan gaan. De fotograaf gaat gericht te werk en weet precies welke shots een harde must zijn. Dit klinkt als extra stap. Het scheelt je in de praktijk veel tijd en een herkansing.
AI gevonden worden met de juiste fotostructuur
Er is nog een reden om je foto's goed te laten aansluiten op je website en die heeft niets met esthetiek te maken.
AI zoekmachines zoals ChatGPT, Gemini en Claude lezen geen afbeeldingen. Ze lezen de alt tekst die eraan gekoppeld is. Die alt tekst is wat een LLM (een Large Language Model, het type AI achter die zoekmachines) gebruikt om te bepalen wie jij bent, wat je doet en of jij relevant bent als iemand vraagt naar een professional in jouw vakgebied.
Alt teksten worden al jaren gebruikt voor Google en toegankelijkheid. Het verschil in 2026: ze bepalen nu ook mede of jij wordt geciteerd in een AI antwoord.
Niet leeg laten staan maar ook niet "foto van Daniel" maar "Personal branding fotograaf Daniel van den Berg fotografeert ondernemer in lichte studio in Amsterdam." Dat tweede antwoord geeft een LLM genoeg context om jou te koppelen aan de zoekvraag "personal branding fotograaf Amsterdam."
Dat werkt alleen als de foto zelf ook klopt: hoge kwaliteit, relevant voor de pagina waarop ze staat, en goed geplaatst binnen de layout. Een vage stockfoto met een sterke alt tekst haalt niets uit. Een professionele brandingfoto met een precieze alt tekst doet dubbel werk. Voor Google en voor AI.
Veelgestelde vragen over branding fotoshoot en website
Kan ik mijn bestaande foto's gebruiken of moet ik opnieuw een shoot doen?
Moet mijn fotograaf ook kennis hebben van Squarespace?
Wat als ik al een shoot heb geboekt en nog geen designer?
In welk bestandsformaat lever ik foto's aan bij mijn designer?
Hoe weet ik welk kleurpalet bij mijn website hoort vóór de shoot?
Werkt dit anders bij Squarespace dan bij WordPress of Wix?
Klaar voor een website die past bij wie je bent?
Een goede website begint voordat ik de eerste website pagina bouw. Met de definitieve teksten en de juiste foto's gemaakt met de layout in gedachten valt alles op zijn plek. Als je binnenkort branding fotofotografie plant of al foto's hebt en wilt weten wat haalbaar is: ik kijk er graag naar. In een kennismakingsgesprek bespreek ik wat je al hebt en wat we kunnen bouwen. Bekijk mijn werk of plan een gratis kennismakingsgesprek.
