Afbeeldingen bepalen voor een groot deel de laadsnelheid van web pagina’s. Is een pagina snel? Dan kom je hoger in de zoekresultaten.
Welke resoluties zijn het beste en welk bestandsformaat afbeelding moet je gebruiken om een pagina zo snel mogelijk te laten laden?
Even 2 begrippen vastleggen:
Kolom breedte: Deel van de volledige breedte beeldscherm.
Aspect Ratio: Breedte/Hoogte verhouding van een beeldscherm.
Hier onder een tabel met de optimale maten voor Divi afbeelding. Maar dit gaat ook op voor andere soorten webpagina’s.
Kolommen
1 kolom:
3/4 kolom:
2/3 kolom:
1/2 kolom:
1/3 kolom:
1/4 kolom:
16:9
1080px bij 608px
795px bij 447px
700px bij 394px
510px bij 287px
320px bij 181px
225px bij 128px
4:3
1080px bij 810px
795px bij 597px
700px bij 526px
510px bij 384px
320px bij 241px
225px bij 170px
Gebruik 1920px breed als achtergrond voor de volgende secties:
- Fullwidth Header
- Fullwidth Portfolio
- Fullwidth Slider
- Fullwidth Post Title
- Fullwidth Post Slider
- Full-Width Image

4:3 Aspect Ratio – 1280px x 960px
16:9 Aspect Ratio – 1920px x 1080px
Logo in Header Module is 93px x 43px
(dit is met de Full-Screen Mode AAN)
- PNG 2651 KB 43%
- JPG Max 1239 KB 54%
- GIF 1090 KB 46%
- WEBP 637 KB 51%
- JPG Medium 277 KB 58%
- JPG Medium Optmized 190 KB 67%
Eigenlijk wat je zou verwachten in volgorde. Hoe kleiner het bestand, hoe sneller de pagina. Behalve GIF. Die blijft achter.
Leidt komprimeren van afbeeldingen tot kwaliteits verlies?
Zonder het uitgeprobeerd te hebben zou je zeggen: “uiteraard”. Maar is dat ook zichtbaar zo?
Alle gebruikte afbeeldingen op een rij staan hier onder. In de volgorde: PNG, JPG Max, GIF, WEBP, JPG Medium, JPG Medium Optimized.






De uitkomst is dat het kwaliteitsverlies verwaarloosbaar is. Dus! Alle afbeeldingen tot in het uiterste comprimeren geeft je een voorsprong in snelheid = vindbaarheid in Google.
Is jouw site optimaal getuned ? Vraag een gratis evaluatie aan .
Spoiler !
WordPress laat om veiligheids redenen het uploaden van WEBP bestanden niet toe. Trouwens, ook niet van SVG. Ook een heel bruikbaar formaat. Om WordPress wijs te maken dat je dit toch wilt kun je het best code toevoegen aan jouw Child Theme.
Hoe je een child theme aanmaakt staat ook in mijn blog.