Pixels, uitsnede en bestandsgrootte zijn verschillende dingen.
Afmetingen beschrijven het aantal pixels. Bestandsgrootte beschrijft hoeveel gegevens iemand downloadt. Een uitsnede bepaalt welk deel van je product zichtbaar blijft. Je kunt het ene verbeteren terwijl het andere achteruitgaat. Houd die keuzes daarom apart bij het vergelijken.
Een afbeelding van 960 pixels kan prima werken in een klein productoverzicht en toch ongeschikt zijn voor een grote detailzoom. Er is geen vaste bestandsgrootte die bij ieder product, apparaat en template past. Kleine tekst op een verpakking vraagt om een andere beoordeling dan een eenvoudig silhouet.
Bekijk welk beeld je klant werkelijk ontvangt.
Controleer de categoriekaart, hoofdfoto, galerij en zoom afzonderlijk. Bekijk de weergavegrootte en het bestand dat de browser ophaalt. Bij responsieve afbeeldingen kan ieder apparaat een andere variant krijgen. Het origineel uit de mediabibliotheek is dus niet altijd het gedownloade bestand.
Is een foto wazig? Vergelijk dan eerst het origineel, de gegenereerde thumbnail en de grootte op de pagina. Een te kleine thumbnail vergroten brengt geen detail terug. Genereer na een wijziging van thema of thumbnailinstellingen de relevante formaten opnieuw volgens de werkwijze van die inrichting.
Vergelijk één foto op één weergavegrootte.
Neem voor dit voorbeeld een T-shirt tegen een rustige achtergrond. Houd de uitsnede en kijkgrootte gelijk. Bekijk de stofrand, het label en de achtergrond op zichtbare afwijkingen. Meet de bytes van de werkelijk gedownloade bestanden, in plaats van besparingen te schatten.
| Versie | Wat je verandert | Wat je beoordeelt |
|---|---|---|
| Origineel | Niets; bewaar als bron | Het detail dat je wilt behouden |
| Passend formaat | Afmetingen voor de nuttige weergave | Randen en label op werkelijke kijkgrootte |
| Gecomprimeerde variant | Formaat en compressie | Stofdetail, beeldfouten en bytes |
| Geleverde afbeelding | Open de echte productpagina | De browser krijgt de bedoelde variant |
Beschrijf het beeld en controleer de hele pagina.
Schrijf alt-tekst voor wat de afbeelding in deze context vertelt. “Chalk heavyweight T-shirt, vooraanzicht” helpt meer dan een reeks zoekwoorden. Een decoratieve afbeelding kan juist een lege alt-tekst nodig hebben. Een goede beeldbeschrijving vervangt geen nuttige producttekst.
Bekijk het resultaat op je telefoon en een groter scherm, inclusief de zoom. Bewaar het origineel voor toekomstige formaten. Klopt een variant niet? Herstel dan eerst de verwerking of levering voordat je de hele bibliotheek aanpakt. Meet de paginaprestaties daarna afzonderlijk: een afbeelding verklaart niet iedere vertraging.