In 3 eenvoudige stappen je foto’s optimaliseren voor je website

Denk hier eens over na:

Bijna 50% van de consumenten wacht niet eens 3 seconden op het laden van een e-commerce site.

…en wereldwijd neemt de gemiddelde laadtijd van een pagina zelfs toe.

Amazon ontdekte dat als hun pagina’s maar één seconde trager zouden worden, ze 1,6 miljard dollar per jaar zouden verliezen.

Google gebruikt de laadtijd van pagina’s als een ranking factor in hun algoritme.

Dus, als je afbeeldingen hebt die langzaam tevoorschijn komen en lang duren om te laden? Dag potentiële klant!

Wat kun je doen?

Wanneer een klant aankomt op je site, kan het een tijdje duren om alles te laden, afhankelijk van hoe groot je bestanden zijn. Hoe groter de bestanden en hoe meer foto’s, hoe langer het duurt om een webpagina te laden. Het komt er dus op neer de bestandsgrootte van je foto’s te verkleinen en zo de laadsnelheid te verhogen.

Als je met een beroepsfotograaf werkt, levert die vaak bestanden af die wel tot 20.000kb groot kunnen zijn. Dit is uiteraard veel te veel voor een webpagina.

Ik probeer mijn foto’s te verkleinen tot onder de 100kb.

Je hoeft echt geen Photoshop master te zijn om dit makkelijk te kunnen doen. Zelf gebruik ik hiervoor het goeie oude programma ‘paint’.

Ik laat je zien hoe ik een foto van 1.114kb in 3 eenvoudige stappen verklein naar 35kb.

Stap 1: Van PNG naar JPG

JPEG is de facto de standaardafbeelding van het Internet geworden. JPEG-afbeeldingen kunnen aanzienlijk worden gecomprimeerd, wat resulteert in kwaliteitsafbeeldingen met een kleine bestandsgrootte.

PNG-afbeeldingen worden steeds populairder. Ook al wordt het PNG-bestandstype steeds vaker gebruikt, de bestandsgrootte kan nog steeds veel groter zijn dan JPEG-afbeeldingen.
Er is 1 goede reden om PNG afbeeldingen te gebruiken: als je een transparante achtergrond <il hebben. Dat kan niet met JPEG.

In mijn eerste stap heb ik gewoon mijn PNG afbeelding geopend in paint en terug bewaard als JPG. Verder heb ik niets gedaan en tadaaaa mijn bestand is al van 1.114kb naar 220kb gedaald.

Stap 2: Je foto verkleinen.

In mijn 2de stap heb ik mijn foto verkleind met 50%.

Afhankelijk van de originele grootte van je foto en het doel van je foto moet je uiteraard meer of minder verkleinen.

Wil je je foto gebruiken als cover foto, verklein je best tot maximaal 1920 pixels breed. Dat is de gemiddelde breedte van een computerscherm.

Foto’s die als illustratie dienen of product foto’s kunnen veel kleiner gemaakt worden.

Met deze 2de stap, is mijn foto van 220kb naar 82kb gegaan.

Btw: je kunt stap 1 en 2 perfect in 1 stap doen. Open je PNG, verklein en bewaar als JPG 😉

Stap 3: Tinify

Tenslotte drop je foto’s in https://tinypng.com/

Deze gratis tool comprimeert je foto’s nog eens zonder kwaliteitsverlies!

Door deze stap is mijn foto nog eens van 82kb naar 35kb gegaan.

Tip: als je je gecomprimeerde foto meerdere keren door tinypng laat verkleinen, wordt die nog kleiner. Dan moet je wel de kwaliteit in het oog houden, ergens stopt het 😉

Nog een stap verder...

Tenslotte kun je nog een extra plugin gebruiken. Er zijn veel opties op de markt,  
Zelf gebruik ik graag Imagify: https://nl.wordpress.org/plugins/imagify/

 

Ik hoop dat deze blog je een stapje dichter heeft gebracht om je website performanter te maken.

Heb je nog vragen? Heb je graag hulp?

Dan kan je me steeds contacteren via https://projectan.be/contact/ of een mailtje sturen aan tania@projectan.be

Wist je dat ik een 1-1 coaching geef om een kickstart te maken met je WordPress website? Kijk hier wat ik je te bieden heb: https://projectan.be/1-1-coaching/

Share on facebook
Share on linkedin
Share on whatsapp
Share on email
Share on print
In 3 eenvoudige stappen je foto’s optimaliseren voor je website
Wil je Pro Tips meteen in je email ontvangen? Schrijf je hier in.

Bedankt om je in te schrijven.
Check je (spam) email om je inschrijving te bevestigen.

Blijf op de hoogte met onze Pro-tips