Uw afbeeldingen vertragen uw site: de oplossing in één handeling

Mooie foto's, en een site die zich voortsleept

U hebt zorg besteed aan uw afbeeldingen. Echte foto's, scherp, genomen met een goed toestel of een recente telefoon. Dat is precies wat u moet doen.

En sindsdien doet uw site er langer over om te verschijnen — vooral op de telefoon, vooral buiten de wifi.

Dit is geen keuze tussen «mooi» en «snel». U kunt uw foto's houden en de vertraging wegnemen, en het kost niets.

De oorzaak: de bezoeker downloadt de hele afbeelding, welk formaat hij op het scherm ook krijgt

Een foto die uit een recent toestel of een recente telefoon komt, is enorm — veel groter dan wat een scherm kan tonen. Ze is gemaakt om op groot formaat te worden afgedrukt of bijgesneden zonder detail te verliezen.

Op uw site zal diezelfde foto worden getoond in een blok van enkele centimeters breed. Maar dit is het punt dat bijna niemand kent: de bezoeker downloadt toch het hele bestand, op zijn oorspronkelijke formaat. Het is zijn browser die het daarna verkleint, zodra het is aangekomen.

Anders gezegd: u stuurt hem een poster op groot formaat om die ter grootte van een postzegel te bekijken — en hij betaalt het transport van de poster.

Op een computer met een goede verbinding valt dat bijna niet op. Op een telefoon op mobiel internet in de trein, daar zie je het.

De oplossing: twee handelingen, in deze volgorde

1. Verkleinen voordat u naar de site uploadt

Dit is de handeling die het grootste deel van het probleem oplost, en ze is gratis.

Verklein de breedte van een foto voordat u die op uw site plaatst. Ongeveer 1.600 pixels breed is ruimschoots voldoende voor een afbeelding die over de volle breedte van een site wordt getoond — en het is nog steeds royaal voor een foto in een artikel.

Hoe u dat doet, zonder iets te installeren:

• Op Mac: open de foto met Voorvertoning, menu Gereedschap → Formaat aanpassen, en bewaar.
• Op Windows: open de foto met Foto's, knop Formaat wijzigen, kies een aangepaste breedte.
• Op de telefoon: de meeste galerij-apps bieden een verkleining aan op het moment van delen.

Het woord «pixels» klinkt technisch, maar het duidt niets ingewikkelds aan: het is simpelweg het aantal punten waaruit de breedte van de afbeelding bestaat. Hoe meer er zijn, hoe zwaarder het bestand.

2. Converteren naar het formaat WebP of AVIF

WebP en AVIF zijn twee afbeeldingsformaten die recenter zijn dan JPEG. Ze ordenen de informatie efficiënter: bij gelijke visuele kwaliteit is het bestand duidelijk lichter. Alle moderne browsers begrijpen ze — uw bezoekers hoeven niets te doen, niets te installeren, en zullen op het scherm geen verschil zien.

Dit is geen exotische instelling: het is het normale formaat van het web geworden.

En de foto's die al online staan?

Doe niet alles over. Begin met de pagina's die tellen: de startpagina, de pagina die de meeste bezoekers ontvangt, die waar u het trotst op bent. Een handvol goed behandelde pagina's verandert het algemene gevoel; een volledige herziening van de mediabibliotheek ontmoedigt en levert niet veel meer op.

Het detail dat altijd wordt overgeslagen

Wanneer u een afbeelding opnieuw plaatst, neem dan dertig seconden om haar alternatieve tekst in te vullen — de korte beschrijving die WordPress in de mediabibliotheek vraagt. Die dient twee doelen tegelijk: mensen die met een schermlezer navigeren horen hem in plaats van de afbeelding, en zoekmachines gebruiken hem om te begrijpen wat ze voorstelt. Het is de meest lonende handeling van allemaal, en de meest overgeslagen.

Als u het liever niet met de hand doet

AIFORYA Image SEO is een gratis extensie die de conversie naar de formaten WebP en AVIF voor haar rekening neemt, evenals het bijsnijden naar de formaten van sociale netwerken, het watermerk en de gestructureerde gegevens van schema.org — zonder configuratie en zonder externe dienst.