Dé truc om jouw afbeeldingen websiteproof te maken
Afbeeldingen op een website dienen aan twee vereisten te voldoen:
- Ze moeten kwalitatief zijn. Je wil immers een goede indruk nalaten bij je bezoekers.
- De bestandsgrootte mag niet te groot zijn omdat dit de laadtijd van je website negatief beïnvloedt. Dit is nefast voor de gebruikservaring van jouw bezoekers.
Wanneer je beschikt over professionele afbeeldingen beantwoorden deze meestal enkel aan de eerste vereiste. Ze zijn kwalitatief zeer goed, maar ze nemen te veel ruimte in.
Hieronder vind je een handig stappenplan om kwalitatief sterke afbeeldingen minder zwaar te maken zonder kwaliteitsverlies.
Stappenplan
1. Surf naar https://bulkresizephotos.com/nl
Sleep je afbeelding(en) in het vak of laad ze op via de button 'Kies afbeeldingen'.
2. Ga naar de filter Breedte en zet op 1680 pixels, beeldkwaliteit mag op 80 % blijven staan:
Klik vervolgens op de button 'Begin'.
3. De grootte van de afbeelding is nu een eerste maal verkleind:
In ons voorbeeld zie je dat de afbeelding eerst 5,8 MB was, nu nog maar 4,7 MB.
De afbeelding vind je terug in je map Downloads op je computer:
4. Surf nu naar https://tinypng.com/
Sleep de afbeelding(en) die je via Bulkresize kleiner hebt gemaakt in het vak 'Drop your WebP...'
Wanneer de afbeelding gecomprimeerd is (minder zwaar is gemaakt), krijg je de groene melding Finished. Klik vervolgens op download (bij comprimeren van één afbeelding) of op download all (wanneer je meerdere afbeeldingen in het dropvak hebt gesleept).
Check opnieuw je downloadmap:
Je ziet dat de afbeelding nu vele malen lichter is gemaakt, nl. naar 701 KB.
5. Geef de afbeelding nu nog een passende naam en ga ermee aan de slag in Sitemanager
Related Articles
SPF-record aanmaken om je e-mails uit de spamfilter te houden
Een SPF-record laat mailboxen weten via welke mailservers je e-mails verstuurd worden. Het is een soort aanbeveling naar spamfilters om aan te geven welke e-mails legitiem zijn en welke niet. Door die aanbeveling merken spamfilters meteen op wanneer ...Afbeeldingen verkleinen voor websites
Op een website is het aan te raden om de afbeeldingen zo klein mogelijk te integreren in het CMS. Websitesnelheid is namelijk een belangrijke ranking factor. Om afbeeldingen te optimaliseren voor websites kan je deze tool gebruiken: ...Richtlijnen voor afbeeldingen op je website
Er zijn verschillende aspecten aan een website die impact hebben op de performantie, waarvan afbeeldingen een van de grootste zijn, vanwege hun bestandsgrootte. Om de grootte te beperken, maak je een afweging van kwaliteit versus performantie. ...Pagina-component (on)zichtbaar maken
Wanneer je bovenaan naast de component-naam een pictogram ziet van een doorstreept oogje, zoals in het screenshot hierboven, dan betekent dit dat deze component onzichtbaar is. Dit houdt in dat de component wél zichtbaar is in jouw cms-systeem, maar ...Back-up/export van je mailbox maken
Exporteer de gegevens van je mailbox uit je e-mailprogramma door een back-up te maken. Een back-up kan je gebruiken als archief of importeren in een andere e-mailprogramma / computer. We leggen uit hoe je een back-up maakt in de meest gebruikte ...