Welke formaten moet ik aanhouden voor de verschillende afbeeldingen?

Brick

Homepage

Header: 1200 x 870px

Producten/Diensten

Overzicht informatie Producten/Diensten: 720 x 600px
Header overzichtpagina: 960 x 630px
Header detailpagina: 1440 x 560px

Projecten

Overzicht informatie Projecten: 600 x 370px
Header overzichtpagina: 960 x 630px
Header detailpagina: 1200 x 870px

Nieuws

Overzicht informatie Nieuws: 600 x 370px
Header overzichtpagina: 960 x 630px
Header detailpagina: 1440 x 560px

Componenten (voor detail- en landingspagina's)

Header: 1440 x 560px
Volledige breedte: 1280 x variabele hoogte
Links of rechts: 768 x variabele hoogte
Image grid: 600 x 400px

Call-to-actions

Call-to-action rechts: 1280 x 925px
Call-to-action gecentreerd: 768 x 555px

Rondo

Homepage

Header: 1200 x 870px

Producten/Diensten

Overzicht informatie Producten/Diensten: 720 x 600px
Header overzichtpagina: 960 x 630px
Header detailpagina: 1440 x 560px

Projecten

Overzicht informatie Projecten: 600 x 370px
Header overzichtpagina: 960 x 630px
Header detailpagina: 960 x 630px

Nieuws

Overzicht informatie Nieuws: 600 x 370px
Header overzichtpagina: 960 x 630px
Header detailpagina: 960 x 630px

Componenten (voor detail- en landingspagina's)

Header: 960px x 630px
Volledige breedte: 1280 x variabele hoogte
Links of rechts: 768 x variabele hoogte
Image grid: 600 x 400px

Call-to-actions

Call-to-action gecentreerd: 768 x 555px

Hero

Homepage

Header: 1920 x 640px

Producten/Diensten

Overzicht informatie Producten/Diensten: 600x 400px
Header overzichtpagina: 1920 x 535px
Header detailpagina: 1920 x 535px

Projecten

Overzicht informatie Projecten: 600 x 370px
Header overzichtpagina: 1920 x 535px
Header detailpagina: 1920 x 535px

Nieuws

Overzicht informatie Nieuws: 600 x 800px
Header overzichtpagina: 1920 x 535px
Header detailpagina: 1920 x 535px

Componenten (voor detail- en landingspagina's)

Header: 1920 x 535px
Volledige breedte: 1280 x variabele hoogte
Links of rechts: 768 x variabele hoogte
Image grid: 600 x 400px

Call-to-actions

Call-to-action rechts: 1280 x 925px
Call-to-action gecentreerd: 768 x 555px

Shade

Homepage

Header: 945 x 800px

Producten/Diensten

Overzicht informatie Producten/Diensten: 370 x 250px
Header overzichtpagina: 835 x 610px
Header detailpagina: 835 x 610px

Projecten

Overzicht informatie Projecten: 370 x 250px
Header overzichtpagina: 835 x 610px
Header detailpagina: 835 x 610px

Nieuws

Overzicht informatie Nieuws: 570 x 355px
Header overzichtpagina: 835 x 610px
Header detailpagina: 835 x 610px

Componenten (voor detail- en landingspagina's)

Header: 835 x 610px
Volledige breedte: 1300 x variabele hoogte
Links of rechts: 640 x variabele hoogte
Image grid: 370 x 250px

Call-to-actions

Call-to-action rechts: 835 x 610px
Call-to-action gecentreerd: 835 x 610px


Wij zorgen voor een juiste uitsnede aan de voorzijde van de website. Het is aan te raden de afbeeldingen niet te zwaar te uploaden, want dat zorgt ook voor een langere laadtijd van de pagina. Dat heeft dus ook weer consequenties voor Google. Het advies is om de afbeeldingen rond de 400/500 kb te uploaden.

Kun je afbeeldingen bewerken in het CMS? Ja, je leest hier hoe:
Bestanden bewerken

Bijgewerkt op: 20/04/2021