Bevar detaljerne. Forkort ventetiden.

Kunderne vil se stoffet, ikke hente kameraets originalfil. Vi tilpasser billedstørrelse, format og indlæsning til den måde, hvert billede bruges på.

Billedoptimering til et hurtigere website

Ét fotografi. To forskellige opgaver.

Et lille billede i produktoversigten viser stolens form og farve. Et nærbillede skal vise vævning og syninger. Den samme store fil i begge visninger bruger unødigt mange data. Gøres begge billeder små, forsvinder nyttige detaljer.

Lav passende størrelser til oversigten og produktsiden. Gem en større fil til en egentlig zoomfunktion. Se hver version i den størrelse, kunden får vist: Komprimering, der fungerer i oversigten, kan udviske stoffet i nærbilledet.

En lænestol ved siden af en forstørrelse af stoffets vævning og en syning.
Hele stolen viser form og farve. Forstørrelsen viser de detaljer, kunden skal kunne undersøge, før stoffet vælges.

Tilpas filen, størrelsen og tidspunktet for indlæsning.

Begynd med én langsom side på en mobil. Find det billede, kunden først har brug for, og kontrollér derefter disse tre ting.

Vælg format efter resultatet

Sammenlign mulige formater i samme visningsstørrelse. Vælg kun den mindre fil, hvis kanter, struktur og farve stadig ser rigtige ud i kundernes browsere.

Giv browseren passende størrelser

Et billede, der vises 400 CSS-pixel bredt, kan kræve en fil på 800 pixel på en skærm med dobbelt pixeltæthed. Angiv billedvarianter og den korrekte visningsstørrelse, så browseren kan vælge. Sådan vælges responsive billeder.

Indlæs det vigtige billede først

Lad det synlige hovedbillede blive indlæst hurtigt. Vent med billeder længere nede, og reservér deres plads, så priser og knapper ikke flytter sig. Vejledning om billedindlæsning.

En mindre fil er kun halvdelen af kontrollen.

Sammenlign samme side, visningsbredde og testforhold før og efter ændringen. Kontrollér det, kunden modtager, ikke blot filen i mediebiblioteket.

Hvad blev hentet?

Registrér den billedfil og det antal byte, der faktisk blev hentet. En optimeret fil hjælper ikke, hvis siden stadig sender den gamle original.

Hvilke detaljer er bevaret?

Sammenlign samme udsnit i samme størrelse. Undersøg stolens stof, syninger og farve hver for sig i oversigten, den fulde visning og zoom.

Hvad sker der under indlæsningen?

Kontrollér, hvornår hovedbilledet vises, og om prisen eller købsknappen flytter sig. Gentag under samme forhold, før I vurderer forbedringen.

Skal I blot sende en stor fil? Brug Devenia Send.

Billedoptimering til et hurtigere website

Vis kunderne detaljerne uden ventetiden.

Send én langsom side, den berørte enhed og de detaljer, kunderne skal kunne se. Fortæl, om problemet gælder det første billede, galleriet eller zoomvisningen.