Afbeeldingen verkleinen voor je website

Je hebt een mooie foto gemaakt of van een leverancier gekregen, maar op je website blijkt die ineens veel te zwaar. De pagina laadt trager, de afbeelding springt onnodig groot in beeld en soms upload je zonder het te merken bestanden van 5 MB of meer. Dat is zonde, want voor de meeste websites heb je dat formaat helemaal niet nodig.

Bij Webtify zien we vaak klanten die bijvoorbeeld voor hun blog of project een zware afbeelding uploaden. Ze uploaden een afbeelding rechtstreeks vanaf hun telefoon of camera, terwijl die veel groter is dan nodig. In deze blog leggen we uit hoe je een afbeelding verkleinen voor websites eenvoudig aanpakt op Mac en Windows, zonder online tool en zonder technisch gedoe.

Waarom afbeeldingen verkleinen voor je website slim is

Een website hoeft meestal geen afbeeldingen van 4000 pixels breed te tonen. Op veel schermen is een breedte van 1920 pixels al ruim voldoende voor grote banners of paginabrede foto’s. Door afbeeldingen vooraf te verkleinen, houd je bestanden lichter en je website sneller.

Dat is niet alleen fijner voor bezoekers, maar ook beter voor de prestaties van je site. WordPress raadt binnen zijn performance-richtlijnen ook aan om beeldmateriaal slim te optimaliseren en waar mogelijk moderne formaten zoals WebP te gebruiken. Als je breder naar snelheid wilt kijken, lees dan ook onze blog over lazy loading in WordPress en SEO verbeteren in WordPress.

Wat is een goed formaat voor website-afbeeldingen?

Voor veel websites is 1920 pixels breed een praktisch maximum. Daarmee blijft een afbeelding scherp genoeg voor grote secties en sliders, zonder dat het bestand onnodig zwaar wordt. Gebruik je een kleinere afbeelding in een contentblok of bij een blog, dan mag het vaak zelfs nog kleiner.

Let op: met formaat bedoelen we hier vooral de afmetingen in pixels, niet alleen de bestandsgrootte in MB of KB. Het beste resultaat krijg je door beide aan te pakken: zet de breedte op maximaal 1920 pixels en sla de afbeelding daarna efficiënt op.

Afbeelding verkleinen op Mac met Voorvertoning

Werk je op Mac OS, dan is Voorvertoning meestal de snelste oplossing. Apple legt zelf uit dat je in Preview eenvoudig de afmetingen van een afbeelding kunt aanpassen en ook meerdere afbeeldingen tegelijk kunt verkleinen.

Eén afbeelding verkleinen op Mac

Open de afbeelding in Voorvertoning. Ga daarna in de bovenbalk naar Extra of Tools en kies Pas grootte aan of Adjust Size. Vul bij de breedte 1920 pixels in en zorg dat verhoudingen behouden blijven, zodat de hoogte automatisch meeschakelt.

Sla daarna het bestand op. Is het nog steeds zwaar, dan kun je het ook exporteren naar een lichter formaat. Voor foto’s is JPG vaak prima, en voor websites is WebP nog efficiënter als je workflow dat ondersteunt.

Meerdere afbeeldingen tegelijk verkleinen op Mac

Dit is handig als je een hele map met foto’s voor je website klaar wilt maken. Selecteer in Finder de juiste afbeeldingen met Cmd + A als je alles wilt pakken. Open ze daarna samen in Voorvertoning.

Zet in Voorvertoning de miniaturenbalk aan als die nog niet zichtbaar is. Selecteer daarin opnieuw alle afbeeldingen, kies Tools > Adjust Size en zet de breedte op 1920 pixels. Volgens Apple wordt die wijziging dan op alle geselecteerde afbeeldingen toegepast.

Afbeelding verkleinen op Windows zonder online tool

Op Windows is de makkelijkste ingebouwde route meestal via Paint. De Foto’s-app van Microsoft is handig voor bijsnijden en roteren, maar voor echt pixels aanpassen werkt Paint vaak directer en sneller. Zeker als je gewoon een afbeelding passend wilt maken voor je website.

Eén afbeelding verkleinen op Windows

Klik met de rechtermuisknop op je afbeelding en open die in Paint. Klik bovenin op Resize of Formaat wijzigen. Kies voor Pixels en vul bij horizontaal 1920 in. Laat de optie aan staan waarmee de verhoudingen behouden blijven.

Sla het bestand daarna op onder een nieuwe naam, zodat je het origineel bewaart. Controleer nog even of het bestand niet onnodig groot blijft. Voor standaard websitegebruik is een nette JPG vaak al voldoende.

Meerdere afbeeldingen op Windows verkleinen

Windows biedt hiervoor standaard iets minder gemak dan Mac Voorvertoning. Als je geen extra programma wilt installeren, moet je afbeeldingen meestal één voor één door Paint halen. Dat kost wat meer tijd, maar is nog steeds de simpelste offline oplossing zonder externe tool.

Moet je dit vaak doen voor je website of webshop, dan is het slim om intern een vaste werkwijze af te spreken. Bijvoorbeeld: altijd eerst verkleinen naar 1920 pixels breed, daarna pas uploaden. Zo voorkom je dat mediabibliotheken vervuilen met veel te zware bestanden. Zeker bij een professionele webshop of grotere beeldrijke site maakt dat verschil.

Waar je verder nog op moet letten

Alleen verkleinen is niet altijd genoeg. Kies ook een logische bestandsnaam, zoals afbeelding-verkleinen-website.jpg, en upload geen onnodig zware PNG-bestanden als een JPG voldoende is. Gebruik PNG vooral als transparantie echt nodig is.

Bij Webtify zien we ook vaak dat ondernemers afbeeldingen wel visueel kleiner maken in de pagebuilder, maar het originele bestand gewoon groot uploaden. Dat helpt nauwelijks voor snelheid. De echte winst zit in het bestand vooraf goed klaarmaken. Meer weten over een sterke basis voor je site? Bekijk dan ook website laten maken: alles wat je moet weten en wat een website echt kost.

Zo houd je je website snel én je afbeeldingen netjes

Een afbeelding verkleinen voor websites hoeft dus niet ingewikkeld te zijn. Op Mac doe je dat snel in Voorvertoning, zelfs voor meerdere bestanden tegelijk met Cmd + A. Op Windows is Paint meestal de makkelijkste ingebouwde oplossing als je zonder online tool wilt werken.