Behoud het detail. Verkort het wachten.

Uw klanten willen de stof zien, niet het originele camerabestand downloaden. We stemmen afmetingen, bestandsformaat en laden af op het gebruik van elke afbeelding.

Afbeeldingen optimaliseren voor een snellere website

Eén foto. Twee verschillende taken.

Een kleine afbeelding in het productoverzicht toont de vorm en kleur van een fauteuil. Een close-up moet het weefsel en de naden laten zien. Hetzelfde grote bestand voor beide gebruiken kost onnodig data. Beide tot miniatuur verkleinen laat nuttige details verdwijnen.

Maak geschikte afmetingen voor het overzicht en de productpagina. Bewaar een groter bestand voor een echte zoomfunctie. Bekijk elke versie op het formaat dat de klant ziet: compressie die voor de miniatuur werkt, kan de stof in de close-up vervagen.

Een fauteuil naast een uitvergroting van de geweven stof en een naad.
De hele fauteuil toont vorm en kleur. De vergroting toont wat de koper moet kunnen bekijken voordat hij een stof kiest.

Pas bestand, afmetingen en laadmoment aan.

Begin met één trage pagina op een telefoon. Bepaal welke afbeelding de klant als eerste nodig heeft en controleer daarna deze drie punten.

Kies het formaat op basis van het resultaat

Vergelijk mogelijke bestandsformaten op dezelfde weergavegrootte. Kies het kleinere bestand alleen als randen, structuur en kleur er nog goed uitzien in de browsers van uw klanten.

Bied de browser geschikte afmetingen

Een afbeelding van 400 CSS-pixels breed kan op een scherm met dubbele pixeldichtheid een bestand van 800 pixels nodig hebben. Geef varianten en de juiste weergavegrootte op, zodat de browser kan kiezen. Zo kiest de browser responsieve afbeeldingen.

Laad de belangrijke afbeelding eerst

Laat de direct zichtbare hoofdafbeelding snel laden. Stel afbeeldingen verderop uit en reserveer hun ruimte, zodat prijzen en knoppen niet verspringen wanneer ze verschijnen. Advies over afbeeldingen laden.

Een kleiner bestand is pas de helft van de controle.

Vergelijk vóór en na de wijziging dezelfde pagina, schermbreedte en testomstandigheden. Controleer wat de klant ontvangt, niet alleen het bestand in de mediabibliotheek.

Wat is er gedownload?

Noteer het werkelijk geladen afbeeldingsbestand en het aantal bytes. Een geoptimaliseerd bestand helpt niet als de pagina het oude origineel blijft versturen.

Welke details blijven zichtbaar?

Vergelijk dezelfde uitsnede op dezelfde grootte. Bekijk bij de fauteuil stof, naden en kleur afzonderlijk in het overzicht, de volledige weergave en de zoom.

Wat gebeurt er tijdens het laden?

Controleer wanneer de hoofdafbeelding verschijnt en of de prijs of bestelknop verschuift. Herhaal de test onder dezelfde omstandigheden voordat u de verbetering beoordeelt.

Wilt u alleen een groot bestand versturen? Gebruik Devenia Send.

Afbeeldingen optimaliseren voor een snellere website

Toon klanten de details zonder lang wachten.

Stuur één trage pagina, het betreffende apparaat en de details die klanten moeten kunnen zien. Geef aan of het om de eerste afbeelding, de galerij of de zoom gaat.