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
Was dit artikel nuttig?
Annuleer
Dankuwel!