Hoeveel pixels moet een afbeelding zijn voor een website?
Een afbeelding lever je aan op ongeveer twee keer de maat waarop hij getoond wordt. Een beeld dat de volle breedte vult, is dan zo’n tweeduizend vierhonderd pixels breed.
Die factor twee is er voor schermen met een hoge puntdichtheid.
Groter aanleveren levert niets extra’s op.
De gangbare maten
Een breed sfeerbeeld tweeduizend vierhonderd pixels, een blokafbeelding zestienhonderd, een kaartje achthonderd en een pictogram tweehonderd.
Meer daarover lees je bij pagespeed.
Waarom niet groter
Boven die maten zie je geen verschil meer, terwijl je bestand wel groeit. Dat kost laadtijd zonder opbrengst.
Meer daarover lees je bij lazy loading.
Waarom niet kleiner
Dan wordt je afbeelding opgerekt en oogt hij wazig, zeker op een telefoon of een moderne laptop.
Meer daarover lees je bij waarom je afbeelding wazig is.
Mijn vuistregels
- Twee keer de weergavemaat.
- Comprimeer tot onder de driehonderd kilobyte.
- Gebruik een modern bestandsformaat.
- Laat WordPress de varianten maken.
Die laatste zorgt dat een telefoon een kleinere versie krijgt dan een bureaublad.
Het gewicht
Belangrijker dan de afmetingen. Een beeld van tweeduizend vierhonderd pixels kan honderdvijftig kilobyte wegen als je goed comprimeert.
Meer daarover lees je bij alt tekst.
Bij een pictogram
Gebruik liever een tekening die meeschaalt. Die blijft op elk scherm scherp en weegt bijna niets.
Meer daarover lees je bij favicon.