Moduri de redimensionare a imaginilor in magazin
Pentru a asigura o prezentare optimizata a produselor si o experienta vizuala uniforma, indiferent de dispozitivul utilizatorului, platforma aplica automat anumite reguli in momentul incarcarii imaginilor.
Modul de afisare a imaginilor
Sunt disponibile urmatoarele variante de afisare a imaginilor:
- Imagine thumb (miniatura) - este versiunea afisata in listingul de produse, in zone precum categorii, rezultate de cautare sau sectiuni de recomandari;
- Imagine medium (medie) - acest tip de imagine este afisat in paginile de produs si de asemenea, in listingurile de produse atunci cand dispozitivul utilizatorului are un DPR (Device Pixel Ratio) ridicat, pentru o claritate mai buna;
- Imagine large (mare) - este afisata in galeria de imagini la click pe imaginea produsului, fiind varianta cea mai detaliata.
Astfel, in listingul de produse este folosita varianta thumb, adica miniatura. Atunci cand utilizatorul acceseaza magazinul de pe un dispozitiv cu un DPR (Device Pixel Ratio) ridicat, sistemul poate afisa automat varianta medium pentru o claritate superioara.
In pagina individuala a produsului se foloseste tot imaginea medium, deoarece ofera un echilibru bun intre detaliu si viteza de incarcare. La click pe imagine se deschide galeria, unde este afisata varianta large, cea mai detaliata dintre toate.
Dimensiuni si redimensionare
Magazinul defineste trei dimensiuni de imagini: thumb (miniatura), medium (medie), large (mare), iar orice imagine incarcata, indiferent de rezolutie, va fi redimensionata conform dimensiunii large.
Indiferent de marimea originala, orice imagine incarcata este redimensionata automat la dimensiunea large, care devine baza pentru toate celelalte formate.
Imaginea va fi incadrata in dimensiunile setate pentru large, indiferent de aspect-ratio-ul acesteia. iar versiunea originala nu este pastrata.
Dupa generarea variantei large, dimensiunile thumb si medium sunt generate automat pornind de la imaginea large, pentru a mentine consistenta vizuala.
Recomandari pentru Aspect-Ratio
Pentru un aspect vizual uniform, este recomandat ca toate imaginile incarcate sa aiba acelasi aspect-ratio.
Pastrarea acelorasi proportii previne afisarea unor imagini disproportionate (mai late sau mai inalte) si contribuie la un layout coerent atat in listinguri, cat si in paginile de produs. Ideal ar fi ca imaginile sa fie pregatite in prealabil, respectand formatul preferat al magazinului.
Setari suplimentare pentru afisarea imaginilor
In functie de cum sunt afisate imaginile in magazin, in pagina Setari catalog ai la dispozitie setari de redimensionare automata a imaginilor.
Prin utilizarea acestor setari, magazinul tau va avea imagini optimizate si armonizate, asigurand o experienta vizuala placuta utilizatorilor.