Welke afbeelding kies je voor je hero?
De afbeelding voor je hero moet iets toevoegen aan je boodschap. Je eigen werk, je eigen mensen of je eigen product.
Een stockfoto van juichende mensen in een vergaderzaal voegt niets toe en verzwakt zelfs.
Daarnaast is er een technische eis die vaak wordt vergeten.
Wat werkt
Een foto van wat je maakt, of van de mensen die het maken. Herkenbaar, en niet te druk, want er komt tekst overheen.
Bij een dienstverlener werkt een portret vaak beter dan een abstract beeld. Meer daarover lees je bij conversie.
Wat niet werkt
Stockfoto’s die je op tien andere sites tegenkomt, en beelden die zo druk zijn dat je tekst erop onleesbaar wordt.
Een kleurvlak is dan beter dan een slechte foto.
De technische kant
Dit is meestal het zwaarste beeld op je site, en het laadt als eerste. Dat maakt het bepalend voor je gemeten laadtijd.
Sla hem op in een modern formaat en in de afmeting waarin hij getoond wordt. Meer daarover lees je bij pagespeed.
Mijn vuistregels
- Eigen beeld boven stockfoto’s.
- Rustig genoeg om tekst overheen te zetten.
- Onder de tweehonderd kilobyte.
- Laad hem direct, niet vertraagd; hij staat immers in beeld.
Die laatste is een veelgemaakte fout: je hero vertraagd laden maakt je gemeten laadtijd juist slechter.
Het contrast
Tekst op een foto is snel onleesbaar. Gebruik een donkere laag over je beeld, of zet je tekst naast de foto in plaats van erop.
Controleer het contrast met een hulpmiddel. Meer daarover lees je bij above the fold.
Op een telefoon
Daar wordt een breed beeld sterk bijgesneden. Controleer of het onderwerp dan nog in beeld staat.
Meer daarover lees je bij hoe hoog een hero moet zijn.