Afbeeldingen comprimeren voor een snellere website of webshop

Inleiding

Afbeeldingen zijn vaak de grootste bestanden op een website of webshop.
Wanneer foto’s rechtstreeks vanaf een telefoon of camera worden geüpload, zijn ze vaak 3 tot wel 10 MB groot.
Dit vertraagt uw website aanzienlijk, wat zorgt voor langere laadtijden, minder conversies en een lagere score in Google.
Door afbeeldingen te comprimeren maakt u ze kleiner in bestandsgrootte zonder merkbaar kwaliteitsverlies.

Wat is afbeeldingscompressie?

Compressie betekent dat een afbeelding wordt verkleind in bestandsgrootte.
De afbeelding blijft even groot in pixels (bijvoorbeeld 1200 x 1200), maar het bestand wordt veel lichter, zoals van 4 MB naar 300 KB.

Voordelen van compressie:

• Snellere website of webshop.
• Afbeeldingen laden veel sneller op mobiel.
• Beter resultaat in Google (SEO-voordeel).
• Minder opslagruimte in WordPress.
• Betere conversies in een webshop doordat pagina’s sneller laden.

Wanneer moet u een afbeelding comprimeren?

Bijna altijd, behalve wanneer:

• Het om een klein icoontje (onder 50 KB) gaat.
• Het logo in SVG-formaat staat.

Voor productfoto’s, banners en blogafbeeldingen is compressie altijd aan te raden.

Hoe controleert u de grootte van een afbeelding?

In de mediabibliotheek:

1. Ga naar Media → Bibliotheek.
2. Klik op een afbeelding.
3. Rechts ziet u Bestandsgrootte, bijvoorbeeld 2,8 MB.

Doelgrootte voor webshops:

• Productfoto’s: onder 300–400 KB
• Banners: onder 700 KB
• Blogafbeeldingen: onder 300 KB

Methode 1: Online afbeeldingen comprimeren (aanbevolen)

Online compressietools houden hoge kwaliteit en maken de bestanden extreem licht.
U hoeft hiervoor niets te installeren.

Aanbevolen tools:

• TinyPNG – tinypng.com (werkt ook voor JPG)
• Squoosh.app – ideaal voor WEBP
• CompressJPEG.com – voor JPG-afbeeldingen

Zo comprimeert u een afbeelding via TinyPNG:

1. Ga naar https://tinypng.com.
2. Sleep uw afbeelding in het venster.
3. TinyPNG comprimeert automatisch.
4. Klik op Download om de geoptimaliseerde afbeelding op te slaan.
5. Upload deze nieuwe afbeelding naar WordPress.

Let op: Gebruik geen afbeeldingen groter dan 2500 px breed; verklein ze eerst.

Methode 2: Afbeeldingen comprimeren vóór upload (via uw computer)

Gebruik hiervoor basisprogramma’s zoals:

• Voor Windows: Paint of Foto’s → Grootte wijzigen.
• Voor Mac: Voorvertoning → Pas grootte aan.
• Photoshop: Exporteren → Opslaan voor web.

Stappen:

1. Open de afbeelding op uw computer.
2. Verklein naar ± 1200 px breed (bij productfoto’s).
3. Sla op via JPG of WEBP op 70–85% kwaliteit.

Methode 3: Automatisch comprimeren in WordPress (plugin)

Voor gebruikers die regelmatig veel foto’s uploaden, is een automatische compressietool handig.

Aanbevolen plugins:

• Smush (populair)
• Imagify (sterke compressie)
• ShortPixel (zeer hoge compressie)

Voordelen:

• Afbeeldingen worden automatisch bij upload geoptimaliseerd.
• U kunt oude media ook achteraf in bulk optimaliseren.

Nadelen:

• Plugins gebruiken serverresources.
• Extreme compressie kan kwaliteit verlagen.

WEBP gebruiken voor nog betere prestaties

WEBP is het modernste afbeeldingsformaat en biedt:

• 60–80% kleinere bestanden dan JPG.
• Hogere kwaliteit.
• Snellere laadtijd, vooral in webshops.

Wanneer mogelijk: Gebruik WEBP voor productfoto’s.

Veelvoorkomende fouten bij afbeeldingen

Te grote afbeeldingen uploaden

• Telefoonfoto’s van 4000 px breed zijn veel te groot.
• Altijd eerst verkleinen en comprimeren.

PNG gebruiken voor foto’s

• PNG is 3–10x groter dan JPG.
• Alleen gebruiken voor transparantie of iconen.

Meerdere MB’s per productfoto

• Dit vertraagt productpagina’s enorm.
• Webshops verliezen hierdoor conversies.

Checklist: perfecte afbeelding voor uw website

• Maximaal 1200 px breed of hoog.
• Bestandsgrootte maximaal 300–400 KB.
• Bestandstype: WEBP of JPG.
• Optimale compressie via TinyPNG of Squoosh.
• Goede ALT-tekst voor SEO.

Kort samengevat

• Compressie maakt afbeeldingen veel kleiner zonder kwaliteitsverlies.
• Gebruik TinyPNG of Squoosh voor optimale snelheid.
• Voor productfoto’s: maximaal 300–400 KB.
• WEBP is het beste formaat voor webshops.
• Automatische optimalisatie kan via Smush of ShortPixel.

Hulp nodig?

We reageren meestal binnen 24–48 uur. Uw oplossing is maar één berichtje van u vandaan.