Behåll detaljerna. Korta väntan.
Kunderna vill se tyget, inte hämta kamerans originalfil. Vi anpassar bildstorlek, format och inläsning efter hur varje bild används.
Ett fotografi. Två olika uppgifter.
En liten bild i produktöversikten visar fåtöljens form och färg. En närbild måste visa väv och sömmar. Samma stora fil i båda vyerna förbrukar onödigt mycket data. Om båda krymps till miniatyrer försvinner viktiga detaljer.
Ta fram lämpliga storlekar för översikten och produktsidan. Behåll en större fil för en faktisk zoomfunktion. Granska varje version i den storlek kunden ser: komprimering som fungerar i översikten kan sudda ut tyget i närbilden.
Rätta filen, storleken och tidpunkten för inläsning.
Börja med en långsam sida på en mobil. Hitta bilden kunden behöver först och kontrollera sedan dessa tre saker.
Välj format efter resultatet
Jämför lämpliga format i samma visningsstorlek. Välj den mindre filen bara om kanter, struktur och färg fortfarande ser rätt ut i kundernas webbläsare.
Ge webbläsaren lämpliga storlekar
En bild som visas 400 CSS-pixlar bred kan behöva en 800 pixlar bred fil på en skärm med dubbel pixeltäthet. Ange bildalternativ och korrekt visningsstorlek så att webbläsaren kan välja. Så väljs responsiva bilder.
Läs in den viktiga bilden först
Låt huvudbilden som syns direkt läsas in snabbt. Vänta med bilder längre ned och reservera deras utrymme så att priser och knappar inte flyttar sig. Råd om bildinläsning.
En mindre fil är bara halva kontrollen.
Jämför samma sida, visningsbredd och testförhållanden före och efter ändringen. Kontrollera vad kunden får, inte bara filen i mediebiblioteket.
Vad hämtades?
Registrera vilken bildfil och hur många byte som faktiskt hämtades. En optimerad fil hjälper inte om sidan fortfarande skickar det gamla originalet.
Vilka detaljer finns kvar?
Jämför samma utsnitt i samma storlek. Granska fåtöljens tyg, sömmar och färg separat i översikten, helbilden och zoomen.
Vad händer under inläsningen?
Kontrollera när huvudbilden visas och om priset eller köpknappen flyttar sig. Upprepa testet under samma förhållanden innan ni bedömer förbättringen.
Behöver ni bara skicka en stor fil? Använd Devenia Send.
Låt kunderna se detaljerna utan att vänta.
Skicka en långsam sida, enheten där problemet märks och detaljerna kunderna behöver se. Ange om problemet gäller första bilden, galleriet eller zoomvyn.