Kuvankäsittely

Ohjelmistomme optimoi verkkokaupassa näytettävät kuvat automaattisesti jpg- ja webp-kuviksi, eli ohjelmistossamme on automaattinen kuvaformaatin ja kuvakoon muutos ns. alkuperäisistä jpg-, png- tai gif-kuvista jpg- ja webp-pienoiskuviksi - myös takautuvasti aiemmin ladatuille kuville.

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. Ota ohjelmisto käyttöön

Asenna ohjelmisto tai tilaa meiltä maksuton asennustyö. Maksuton asiakaspalvelumme ja tekninen tukemme neuvoo tarvittaessa kummassakin tapauksessa.

2. Perusta verkkokauppa

Kirjaudu selaimella verkkokaupan hallintaliittymään ja perusta verkkokauppa. Tarjoamme maksuttomat Maxi-ominaisuudet verkkokaupan perustamisen ajaksi.

3. Tilaa lisenssi

Tilaa lisenssi vasta, kun olet perustanut verkkokaupan, eli verkkokauppa on ns. laitettu tulille. Voit myös olla tilaamatta lisenssiä ja luopua hankkeesta.

Scroll to Top