Behold detaljene. Kutt ventetiden.

Kundene skal se stoffet, ikke laste ned originalfilen fra kameraet. Vi tilpasser bildestørrelse, format og lasting til hvordan hvert bilde brukes.

Bildeoptimalisering for et raskere nettsted

Ett fotografi. To ulike oppgaver.

Et lite bilde i produktoversikten viser stolens form og farge. Et nærbilde må vise vev og sømmer. Den samme store filen i begge visninger bruker unødvendig mye data. Gjør dere begge bildene små, forsvinner nyttige detaljer.

Lag egnede størrelser til produktoversikten og produktsiden. Behold en større fil til en eventuell zoomvisning. Kontroller hver versjon i størrelsen kunden ser: Komprimering som fungerer i oversikten, kan viske ut stoffdetaljene i nærbildet.

En lenestol ved siden av et forstørret utsnitt av stoff og søm.
Hele stolen viser form og farge. Utsnittet viser detaljene kunden må kunne undersøke før valg av stoff.

Rett filen, størrelsen og tidspunktet for lasting.

Begynn med én treg side på en mobil. Finn bildet kunden trenger først. Kontroller deretter disse tre tingene.

Velg format etter resultatet

Sammenlign aktuelle formater i samme visningsstørrelse. Velg den mindre filen bare når kanter, struktur og farge fortsatt er tydelige i nettleserne kundene bruker.

Gi nettleseren egnede størrelser

Et bilde som vises 400 CSS-piksler bredt, kan trenge en fil på 800 piksler på en skjerm med dobbel pikseltetthet. Oppgi flere bildestørrelser og riktig visningsbredde, slik at nettleseren kan velge. Slik velger nettleseren bilde.

Last det viktige bildet først

La hovedbildet som er synlig ved åpning, laste raskt. Utsett bilder lenger ned, og reserver plassen deres. Da flytter ikke pris og knapper seg når bildene kommer. Veiledning om bildelasting.

En mindre fil er bare halve kontrollen.

Sammenlign samme side, skjermbredde og testforhold før og etter endringen. Kontroller det kunden mottar, ikke bare filen i mediebiblioteket.

Hva ble lastet ned?

Registrer hvilken bildefil og hvor mange byte som faktisk ble lastet ned. En optimalisert fil hjelper ikke hvis siden fortsatt sender den gamle originalen.

Hvilke detaljer er bevart?

Sammenlign samme utsnitt i samme visningsstørrelse. For stolen kontrollerer dere stoff, sømmer og farge separat i oversikten, full visning og zoom.

Hva skjer under lasting?

Se når hovedbildet vises, og om prisen eller kjøpsknappen flytter seg. Gjenta testen under like forhold før dere vurderer forbedringen.

Skal dere bare sende en stor fil? Bruk Devenia Send.

Bildeoptimalisering for et raskere nettsted

La kundene se detaljene uten å vente.

Send én treg side, enheten der den er treg, og detaljene kundene må kunne se. Fortell om problemet gjelder det første bildet, galleriet eller zoomvisningen.