Waarom foto’s verkleinen?
Foto’s zijn op de meeste websites het zwaarste onderdeel. Een foto van een smartphone is 4000 pixels breed en 3 à 5 MB groot, terwijl een scherm er zelden meer dan 2000 pixels van toont. Grote foto’s maken je site traag, vooral op mobiel, en een trage site scoort slechter in Google en verliest bezoekers.
Welke instellingen?
| Gebruik | Breedte | Doel |
|---|---|---|
| Grote foto over de volle breedte | 1600 – 2000 px | onder 300 KB |
| Foto in een tekst of blogbericht | 800 – 1200 px | onder 150 KB |
| Productfoto in een webshop | 1000 – 1500 px | onder 200 KB |
| Kleine afbeelding, thumbnail | 300 – 600 px | onder 50 KB |
WebP is bij dezelfde kwaliteit meestal het kleinst en werkt in alle moderne browsers. Kies JPEG als je de foto ook ergens anders wilt gebruiken, en PNG alleen voor logo’s en schermafbeeldingen met scherpe randen. Een kwaliteit van 75 à 85% zie je met het blote oog nauwelijks.
Meer tips in je website sneller maken.
Veelgestelde vragen
Hoe groot mag een foto op een website zijn?
Voor een foto over de volle breedte is 1600 à 2000 pixels breed genoeg, voor een foto in de tekst 800 à 1200 pixels. In bestandsgrootte is onder de 200 KB een goed doel, voor kleine foto’s onder de 100 KB. Een foto rechtstreeks van je telefoon is vaak 3 à 5 MB.
Wat is WebP?
WebP is een beeldformaat van Google dat bij dezelfde kwaliteit meestal 25 à 35% kleiner is dan JPEG. Alle moderne browsers tonen het. WordPress, Wix en Squarespace kunnen WebP-bestanden gewoon gebruiken.
Worden mijn foto’s ergens naartoe gestuurd?
Nee. Het verkleinen gebeurt volledig in je browser met de canvas-functie. Je foto verlaat je toestel niet.