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.

Ohjelmisto käyttää innovatiivista Clover Scale™ -menetelmää, jonka ansiosta pienoiskuvat näkyvät tarkkoina myös mobiililaitteilla. Menetelmän etuna on myös mahdollisuus pakata kuvat hieman totuttua tehokkaammin kuvanlaadun kärsimättä. Clover Scale™ on toteutettu HTML:llä ja CSS:llä, jotka ovat Internetin ilma ja vesi. Siksi se on hyvin yksinkertainen ja tulevaisuusyhteensopiva menetelmä.

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 4000x4000px). Logon mitat voivat olla paljon pienempiä (esim. 200x800px). Kuvien ja logojen mitoille ei ole olemassa ala- tai ylärajaa ja niiden kuvasuhde saa olla millainen tahansa.

Toimintaperiaate

Ohjelmisto tallentaa verkkokaupan hallintaliittymään ladatut (upload) kuvat kuvapankkiin (adm/graphics/*/) mitoiltaan 1,2 MPix kokoisina. 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 originaalikuvan 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 aina jpg-formaatissa. Mitoiltaan erittäin pienet kuvat säilytetään kuitenkin alkuperäisessä formaatissaan.

Ohjelmiston tallentamien pienoiskuvien mitat riippuvat asetuksista. Pienoiskuvien mittoja voidaan muuttaa milloin tahansa. Ohjelmisto luo ne automaattisesti uudelleen.

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

Kuvien mobiilioptimointi

Ohjelmisto käyttää innovatiivista Clover Scale™ -menetelmää, jonka ansiosta pienoiskuvat näkyvät tarkkoina myös mobiililaitteilla. Menetelmä on hyvin yksinkertainen: ohjelmisto tallentaa pienoiskuvat kaksi kertaa leveämpinä ja kaksi kertaa korkeampina asetuksiin verrattuna. Näin ollen pienoiskuvissa on neljä kertaa enemmän pikseleitä. Tämän ansiosta kuvat näkyvät tarkkoina myös mobiililaitteilla ja myöskin siinä tapauksessa, että verkkokaupan ulkoasutyylit pienentävät tai suurentavat kuvien kokoa "lennossa loppuviimein".

Innovatiivisen Clover Scale™ -menetelmän ansiosta pienoiskuvat voidaan pakata hieman tehokkaammin, eli niiden kuvanlaatu voi olla hieman totuttua huonompi. Esimerkiksi jos kuvat on aiemmin pakattu 95 %:iin, niin nyt ne voidaan hyvinkin pakata 85-90 %:iin. Verkkokauppias voi päättää pakkausprosentin itse.

asetukset / kuvat
Clover Scale™ on toteutettu HTML:llä ja CSS:llä, jotka ovat Internetin ilma ja vesi. Siksi se on hyvin yksinkertainen ja tulevaisuusyhteensopiva menetelmä.
Kuvanlaadun muutos näkyy vain uusissa pienoiskuvissa. Verkkokaupan pienoiskuvapankissa (cat/graphics/*/thumbnails/) olevat pienoiskuvat voidaan poistaa FTP-ohjelmalla, jolloin ohjelmisto luo pienoiskuvat automaattisesti uudelleen.

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