003: Priprema slika za proizvode
BizzyBeeShop sustav omogućuje da svakom prozvodu postavite jednu glavnu sliku. Ta se slika postavlja u atribut Slika.
Dodatno, svaki proizvod može imati jednu ili više dodatnih slika. One se postavljaju u atribut Slike.
Za glavnu sliku (u atribut Slika) uvijek trebate postavljati samo jednu sliku. Green Panel će Vam dozvoliti postavljanje više slika u taj atribut, međutim samo će se jadna slika iz tog atributa prikazati na webu. Ostale se neće prikazati.
Ukoliko želite pridružiti više slika jednom proizvodu - samo jednu sliku pridružite u atribut Slika, a sve druge slike postavite u atribut Slike.
Slika se na web trgovini prikazuje u nekoliko veličina:
- Lista proizvoda (product-list-page) prikazuje najmanju sličicu
- Detalji proizvoda (product-page) prikazuje veću sliku
- Klik na sliku otvara još veću sliku
Kada radite sa slikama proizvoda web trgovine - ne treba unostiti 3 verzije slike. Dovoljno je unijeti jednu verziju slike, a web trgovina će sama napraviti 3 verzije koje su joj potrebne.
Podržani formati slike su:
- GIF (stariji format, preporučamo ne koristiti)
- JPG, JPEG
- PNG
Preporuke za obradu slike
Rezolucija slike
Sasvim je dovoljno raditi slike maksimalne veličine 1500x1500 pixela. Čak i znatno manje. Već je 1200x1200 pixela sasvim dovoljno. Web shop neće prikazati veće slike. Najveći prikaz slike će se smanjiti na 1200x1200 px.
Veličina datoteke slike
Što veće slike radite, više će Megabajta (MB) iznositi. Pa će upload slika nešto duže trajati. Slika rezolucije 1200x1200 može se napraviti već od 100-500 KB (kilobajta).
Automatska obrada slike na webu
Svaka slika koju postavite na web će se automatskom obradom sustava napraviti da bude kvadratnog oblika u prikazu. Slici, koja je postavljena, a nije kvadratnog oblika, dodati će bijeli prostor gore/dolje ili lijevo/desno, kako bi se dobio kvadradtni oblik. Kvadratni oblik slike je jedini koji se može kvalitentno smanjivati. Stoga svakako savjetujemo, ako je ikako moguće - postavljati slike proizvoda s bijelim pozadinama.
Grafička obrada slike
Prije postavljanja, sliku je dobro pripremiti u nekom programu za obradu slike. Sami Windowsi imaju dovoljno dobar PAINT program koji to može. Preporuka je ukloniti bijeli rub kojeg slika ima. U bilo kojem smjeru, vertikalno ili horizontalno dobro je ukloniti bijeli prostor. Programi za obradu slika obično funkciju rezanja zovu CROP.
Slijede primjeri što je dobro, a što nije.
Dobro
Minimalno bijelog prostora sa svih strana.
Nije dobro
Bijeli prostor sa sve 4 strane.
Previše bijelog prostora s liljeve i desne strane.
Previše bijelog prostora gore i dolje.
Dobro
Ima bijelog prostora lijevo i desno, ali je slika kvadratna, pa nema veze.
Najmanje bijelog prostora sa svih strana.
Najbolja slika gdje se proizvod najviše vidi.
Nije dobro
Previše bijelog prostora s lijeve i desne strane.
Previše bijelog prostora gore i dolje.



