Kuvankäsittely

Ohjelmisto luo verkkokaupassa näytettävät pienoiskuvat automaattisesti, eli ohjelmistossa on automaattinen kuvankäsittely ja kuvakoon muutos. Verkkokauppiaan ei tarvitse käsitellä kuvia kuvankäsittelyohjelmassa etukäteen, jos alkuperäinen kuva jpg-, gif- tai png-formaatissa.

Kuvien lataaminen (upload)

Kaikki verkkokaupassa näkyvät kuvat ja logot voidaan ladata (upload) verkkokauppaan selainpohjaisen hallintaliittymän kautta.

kategoriat / (valitse kategoria) / kuva
kategoriat / (valitse kategoria) / logo
tuotteet / (valitse kategoria) / (valitse tuote) / kuvat / kuva #1
tuotteet / (valitse kategoria) / (valitse tuote) / kuvat / logo #1
tuotteet / (valitse kategoria) / (valitse tuote) / kuvat / kuva #2
tuotteet / (valitse kategoria) / (valitse tuote) / kuvat / logo #2
tuotteet / (valitse kategoria) / (valitse tuote) / kuvat / kuva #3
tuotteet / (valitse kategoria) / (valitse tuote) / kuvat / logo #3
tuotteet / (valitse kategoria) / (valitse tuote) / kuvat / kuva #4
tuotteet / (valitse kategoria) / (valitse tuote) / kuvat / logo #4
tuotteet / (valitse kategoria) / (valitse tuote) / kuvat / kuva #5
tuotteet / (valitse kategoria) / (valitse tuote) / kuvat / logo #5
tuotteet / (valitse kategoria) / (valitse tuote) / merkit / tuotemerkin logo
tuotteet / (valitse kategoria) / (valitse tuote) / merkit / energiamerkki
markkinointi / karusellikuvat / (valitse karusellikuva) / kuva
markkinointi / kilpailut / (valitse kilpailu) / kuva
markkinointi / kilpailut / (valitse kilpailu) / logo
asetukset / koodit ja ulkoasu / (valitse koodi, jonka tyyppi on KUVA) / kuva
asetukset / maksutavat / (valitse maksutapa) / logo
asetukset / toimitustavat / (valitse toimitustapa) / logo

Kuvien suositusmitat

Kuville ja logoille ei ole olemassa suositusmittoja. Nyrkkisääntönä voidaan pitää, että kuvan leveyden ja korkeuden on oltava nelinumeroinen luku pikseleinä (esim. 1500x1500px tai 1920x1080px). Logon mitat voivat olla paljon pienempiä (esim. 200x800px). Kuvien ja logojen mitoille ei ole olemassa ala- tai ylärajaa ja niiden kuvasuhde saa vaihdella jokaisella kerralla. Kuvien mitoista ei tarvitse olla huolissaan.

Toimintaperiaate

Ohjelmisto tallentaa verkkokaupan hallintaliittymään ladatut (upload) kuvat kuvapankkiin (adm/graphics/*/) mitoiltaan 1,2 MPix kokoisina jpg-kuvina. Kuvat voivat olla niitä ladattaessa suurempia kuin 1,2 MPix, mutta ohjelmisto pienentää ne aina 1,2 MPix:n kokoisiksi. Kun edessä on tilanne, että jokin kuva pitää näyttää verkkokaupassa ensimmäisen kerran ikinä kenellekään, niin ohjelmisto kopioi kuvan hallintaliittymän kuvapankista (adm/graphics/*/) verkkokaupan kuvapankkiin (cat/graphics/*/). Sen jälkeen ohjelmisto käsittelee kuvaa ja tallentaa siitä erikokoisia pienoiskuvia verkkokaupan pienoiskuvapankkiin (cat/graphics/*/thumbnails/).

Ohjelmisto tallentaa pienoiskuvat jpg- ja webp-formaateissa. Näistä ensimmäinen näkyy vanhoilla selaimilla ja jälkimmäinen uusilla selaimilla. Ohjelmisto tallentaa pienoiskuvat kahdessa eri koossa: jpg ja webp -kuvat 1-kertaisina sekä webp-kuvat lisäksi 2-kertaisina. Selaimet lataavat näistä verkkokaupan asiakkaan päätelaitteelle vain yhden kuvan (sen sopivimman). Viittaamme tässä html-koodissa olevaan picture-elementtiin. Verkkokauppiaan ei tarvitse ymmärtää tätä. Riittää, että verkkokaupan hallintaliittymään ladatut (upload) kuvat ovat isoja (esim. 1500x1500px tai 1920x1080px), jonka jälkeen ohjelmisto ja selaimet hoitavat kuvakoon muunnoksen ja optimoinnin.

Ohjelmiston tallentamien pienoiskuvien mitat riippuvat asetuksista. Jos mittoina on esimerkiksi 210x210px, niin 1-kertaisten kuvien mitat ovat 210x210px ja 2-kertaisten 420x420px. Tällöin verkkokaupan hallintaliittymään ladatun (upload) kuvan koon olisi syytä olla vähintään 420x420px, mutta kuten edelläkin jo todettiin, niin kuvien ja logojen mitoille ei ole olemassa ala- tai ylärajaa.

asetukset / kuvat
Jos muutat mittoja, niin tyhjennä verkkoselaimen välimuisti tai paina näppäimistöltä Ctrl-F5.

Kuvien suurennuslasi

Verkkokaupan yksityiskohtaisilla tuotesivuilla näkyviä kuvia voidaan zoomata ja kohdentaa siirtämällä hiiri kuvan päälle. Kuvan oikealle puolelle ilmestyy suurennuslasinäyttö, jossa näkyvä suurennettu kuva liikkuu hiiren liikkuessa. Suurennuslasin voimakkuus riippuu alkuperäisen kuvan koosta. Suurennuslasi toimii vain, jos alkuperäinen kuva on riittävän suuri.

Kuvien siivoaminen

Ohjelmisto poistaa tarpeettomat pienoiskuvat verkkokaupan kuvapankista (cat/graphics/*/) ja pienoiskuvapankista (cat/graphics/*/thumbnails/) automaattisesti. Poistaminen tapahtuu vähitellen pienissä erissä aina, kun verkkokauppias kirjautuu hallintaliittymään.

Originaalikuvat säilyvät kuitenkin aina hallintaliittymän kuvapankissa (adm/graphics/*/). Verkkokaupan hallintaliittymässä on siivoustyökalu, jota käyttämällä tarpeettomat originaalikuvat voidaan esikatsella ja poistaa yksitellen.

työkalut / siivooja / poista tarpeettomat kuvat ja logot säilökansiosta (adm/graphics)

Vesileimat

Kategorioiden kuvien, tuotekuvien ja kilpailukuvien päälle voidaan lisätä logo. Logon sijaintia, kokoa, läpinäkyvyyttä ja suuntaa voidaan säätää. Lopputuloksena on vesileima. Kuvankäsittelytaitoja ei tarvita.

kategoriat / (valitse kategoria) / logo
tuotteet / (valitse kategoria) / (valitse tuote) / kuvat / logo #1, logo #2, logo #3, logo #4, logo #5

Hyvä tietää

Kun verkkokaupan käyttäjän verkkoselain pyytää jotain pienoiskuvaa, jota ei ole vielä näytetty yhdellekään toiselle käyttäjälle, niin ohjelmisto kopioi originaalikuvan hallintaliittymän kuvapankista ja luo siitä automaattisesti pienoiskuvan verkkokaupan pienoiskuvapankkiin. Kuvankäsittely kestää noin 0,1 sekuntia ja hidastaa sivun latautumista yhden kerran. Sen jälkeen sivu on pysyvästi nopea kaikille verkkokaupan käyttäjille.

Tunnetut rajoitukset

Digitaalikamerat ovat nykyisin todella tarkkoja. Suurten kuvien (esim. 20 MPix) lataaminen kotisivutilaan ei aina ole mahdollista kotisivutilassa olevien muistirajoitusten vuoksi. Jos kuvien lataaminen omalta tietokoneelta kotisivutilaan ei tunnu onnistuvan, kotisivutilan muistiasetuksia pitää muuttaa tai kuvien kokoa pienentää.

Näin rakennat yrityksellesi verkkokaupan

1. Tilaa webhotelli

Jos yritykselläsi ei vielä ole webhotellia, niin tilata netistä jokin eurooppalainen webhotellipalvelu, joka on yhteensopiva ohjelmiston kanssa.

2. Asenna ohjelmisto

Tilaa maksuton asennustyö tai asenna ohjelmisto itse. Maksuton asiakaspalvelumme ja tekninen tukemme neuvoo tarvittaessa kummassakin tapauksessa.

3. Perusta verkkokauppa

Kirjaudu selaimella verkkokaupan hallintaliittymään ja perusta verkkokauppa. Tarjoamme maksuttoman Maxi-lisenssin verkkokaupan perustamisen ajaksi (esim. 4 kk).

4. Tilaa lisenssi

Tilaa lisenssi vasta, kun olet perustanut verkkokaupan, eli julkaissut verkkokaupan asiakaskäyttöön. Voit myös luopua hankkeesta veloituksetta.

Scroll to Top