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.

Svi KB članci
Da biste redovno pratili sve naše novosti i zanimljivosti...
Facebook logo LinkedIn logo YouTube logo Newsletter logo