Minimaliseer afbeeldingen en video
Beware of the bytes. Wist je dat je een website een stuk duurzamer kan maken door minder afbeeldingen en video te gebruiken, of door de afbeeldingen en video die je gebruikt te comprimeren?
Waarom is het belangrijk?
Afbeeldingen vormen vaak het grootste deel van de totale bestandsgrootte op een website, terwijl topkwaliteit afbeeldingen vaak helemaal niet nodig zijn voor een fijne gebruikservaring (integendeel!). Daarom is het verstandig omgaan met afbeeldingen (en video) op je website een ontzettend goede eerste stap om je website te verduurzamen. Want een minder groot bestand inladen vraagt niet alleen minder energie, het gaat ook sneller, en op die manier zijn ook je gebruikers blij.
Waarom is het makkelijk?
We moeten eerlijk zijn: onze schermen kunnen tegenwoordig héél heldere beeldkwaliteit aan, zelfs in die mate dat onze ogen eigenlijk het verschil niet meer waarnemen. Maar die superscherpe afbeeldingen hebben een veel minder scherpe omvang: hoe beter de kwaliteit van het bestand, hoe groter het doorgaans ook is. En grote bestanden laden trager. Dus wat wil je gebruiker nu écht? Een écht waanzinnig haarscherpe foto waarop-ie een aantal seconden moet wachten, of een voor hem niet eens waarneembaar minder scherpe foto die wél meteen laadt? Juist ja.
Doe gerust zelf de test.
De foto rechts is 64% kleiner dan de foto links, maar ziet er voor de gemiddelde gebruiker waarschijnlijk identiek uit.
Wat kan je doen?
Stel jezelf een aantal vragen:
- Dienen alle afbeeldingen ook echt een doel? Of zijn er overbodig?
- Bereik ik dat doel met zo klein (in bestandsgrootte) mogelijke afbeeldingen?
- Kijk of je geen vergelijkbare impact kan bereiken met alternatieven zoals SVG-afbeeldingen en CSS stijlen.
- Moet alles op je foto wel écht haarscherp zijn? Indien niet: speel gerust rond met eenvoudiger materiaal, beperktere scherpte of een beperkter kleurenpalet.
- Zijn afbeeldingen op de juiste manier geschaald voor weergaveapparaten?
- Past het CMS automatisch de grootte aan naar een formaat dat beter geschikt is voor het web?
- Converteert het CMS meer traditionele bestandsformaten naar AV1 (.avif), HEIF, WebP, JPEG XR tijdens het uploaden (ervan uitgaande dat de browser dit ondersteunt)?
Lees meer Bronnen
Ook interessant
Bekijk alle voorstellenRecycleer content op maat van kanalen en doelgroepen
Over de 3 R'en (reduce, reuse, recycle) voor duurzame contentmarketing: Deel enkel iets wanneer je iets te vertellen hebt. Hergebruik je content voor verschillende kanalen en formaten. Bekijk je bestaande content vanuit een ander perspectief en voedt zo nieuwe ideeën.
