Afbeeldingen op juiste formaat gebruiken?
Afbeeldingen op juiste formaat gebruiken?
Afbeeldingen voor contentpagina's
Op een contentpagina hebben afbeeldingen bij voorkeur een minimale grootte van 1200 x 675 pixels met verhouding van 16:9.
Zo passen ze in elke mogelijke variant die op de pagina getoond wordt. Het maakt niet uit of afbeeldingen groter of hoger zijn dan bovengenoemd formaat.
Afbeeldingen voor Nieuws en verhalen
Voor nieuwsartikelen wordt een ander maat gehanteerd. Afbeeldingen hebben hier een minimale grootte van 2400 x 1350 pixels met een beeldverhouding van 16:9. Nieuwsartikelen hebben een grote headerafbeelding waar een hogere resolutie voor nodig is.
Afbeeldingen voor Home of startpagina
Op een home of startpagina hebben afbeeldingen een minimale grootte van 1508 x 848 pixels met een beeldverhouding van 16:9. Zo passen ze in elke mogelijke variant die op de pagina getoond wordt. Het maakt niet uit of afbeeldingen groter of hoger zijn dan bovengenoemd formaat.
Afbeeldingsmaten per component (bxh)
Ter referentie een korte lijst met maten per component. Wanneer een afbeelding niet groter wordt gebruikt dan het component waarvoor het bedoeld is dan kunnen deze maten als minimale groottes gezien worden. De voorkeur heeft altijd de grotere maten te gebruiken.
- Highlight met afbeelding (contentpagina) 870 x 504px
- Highlight met afbeelding (home) 1508 x 848px
- Profilecard (contentpagina) 700 x 700px
- Storycard/Productcard 700x700px of hoger (wordt afgesneden)
- Storycard/Productcard (startpagina) 610 x 600px
- Image 1200 x 675px
Op dit moment worden de afbeeldingen dan voor kleinere componenten automatisch bijgesneden. Houdt hier rekening mee in beeldkeuze en compositie. Bij composities waar het onderwerp uiterst links of rechts staat kan het voorkomen dat het onderwerp eraf wordt gesneden. Dit op het moment helaas nog niet aan te passen.
Profilecards (zorgverleners/researchers)
Richtlijn voor zorgverlenersafbeeldingen is 700x700px. Zorg voor consistentie door altijd op dezelfde wijze bij te snijden. Laat een klein beetje ruimte boven het hoofd en plaats het hoofd centraal in de uitsnede.
