Op basis van de originele afbeelding worden de onderstaande afmetingen automatisch in het CMS aangemaakt. Hierbij geldt voor het origineel altijd de 3:2 beeldverhouding. Ondanks Hippo de afbeelding schaalt, kan een groter of kleiner formaat ervoor zorgen dat je afbeelding niet mooi wordt getoond.
Alle foto’s als JPG opslaan
Sla alle foto's op als JPG en niet als PNG. Dit zorgt ervoor dat pagina's een stuk sneller laden en de kwaliteit wordt niet minder. Tip: bij het opslaan van de JPEG kun je kiezen tussen basic en progressive e.a. Kies dan altijd voor 'progressive'.
Afbeeldingen die geen foto’s zijn als PNG opslaan
Afbeeldingen die geen foto's zijn, zoals statische infographics, kun je het beste wel opslaan als PNG, omdat zulk soort afbeeldingen in JPG formaat korrelig worden.
Mogelijke afmetingen
Automatisch geschaald door het CMS.
| Thumbnail | Breedte: max. 100 px | bv. het foto-album |
|
Kleine afbeelding |
Breedte: max. 415 px |
bv. het contentblok (nieuws, webpagina) en rechterblok |
|
Middelgrote afbeelding |
Breedte: max. 830 px |
bv. het contentblok (nieuws, webpagina) |
|
Grote afbeelding |
Breedte: max. 1250 px8 |
bv. de lightbox (fotoalbum) |
| Schermbrede afbeelding (bij optie: widescreenimageset) |
Breedte: min. 1920 px Maximale hoogte van de afbeeldingen: 480px (hoog) | bv. hero-image |
Voor andere beeldformaten geldt:
- Banner: min. 400 px breed en variabele hoogte;
- Uitgelicht plaatje: min. 400 px breed en variabele hoogte;
- Decoratiefoto: min. 250 px breed en variabele hoogte (alleen zichtbaar bij het gebruik van fotonavigatie);
- Iconen (redactioneel navigatieblok): beeldverhouding 1:1 aanhouden (zie ook: alternatieve stijl iconen & rijkshuisstijl iconen).
Let op: attentie-items worden in de nieuwe UX niet meer gebruikt!