Tuotekuvat auttavat sinet?im??n sopimuksen, kun asiakkaat vierailevat verkkosivustollasi. Heid?n kiinnostuksensa s?ilytt?miseksi sinulla on oltava houkuttelevia kuvia, jotka latautuvat nopeasti. Toisin sanoen sinun on optimoitava tuotekuvasi.
Saatat mietti?, kuinka l?yt?? optimaalinen kuvakoko, kuinka pakata kuvat ja kuinka optimoida kuvat laadun heikkenem?tt?.
Olemme turvassa. T?ss? artikkelissa perehdymme asiaan
Miksi kuvia pit?? optimoida?
Kuvat ovat t?rke? osa jokaista verkkosivustoa. T?m? koskee erityisesti verkkokauppasivustoa. Kuvat vaikuttavat asiakkaisiin, kun he harkitsevat ostamista. Ne lis??v?t verkkosivun yleist? ulkoasua, auttavat asiakkaita valitsemaan tuotteen ja parantavat sivustosi hakukoneoptimointia.
Haluat esimerkiksi v?ltt?? suurten tiedostojen lataamista. Ne voivat hidastaa sivuasi, mik? vaikuttaa hakukoneesi sijoitukseen ja ajaa pois potentiaaliset asiakkaat. Kukaan ei halua odottaa sivun latautumista tehdess??n ostoksia verkossa. Siksi sinun on optimoitava tuotekuvasi.
Kuvan mittojen ja mittasuhteiden ymm?rt?minen
Selvitet??n, mihin sinun on kiinnitett?v? huomiota kuviesi optimoinnissa.
Kuvan koko ja mitat ovat todella t?rkeit?. N?m? parametrit vaikuttavat tiedoston kokoon ja kuvan ulkoasuun eri laitteissa.
Koko
Nyt on aikakausi
Jos kuvat ovat liian suuria, ne eiv?t kuitenkaan sovellu Internetiin. Ne hidastavat latausnopeutta varsinkin puhelimessa. Jos et halua vierailijoiden muuttuvan k?rsim?tt?miksi ja poistuvan myym?l?st?si, sinun tulee pienent?? kuviesi kokoa.
Kuvassa on kaksi kokoa:
- Kuvan koko on grafiikan n?yt?ll? k?ytt?m? tila. T?m? koko mitataan pikselein? (px), jotka ovat yksitt?isi? pisteit?, jotka muodostavat n?yt?n. Voit ladata mink? kokoisia kuvia tahansa 51视频-kauppaan. Ne optimoidaan sitten sopimaan selainikkunan leveyteen. Siit? huolimatta on parasta pienent?? tuotekuvasi noin 1000 x 1000 pikseliksi. T?m? koko on riitt?v?n suuri tuotteen n?ytt?miseen ja riitt?v?n pieni lataamaan nopeasti.
- Tiedoston koko on muistitila, jonka kuva vie. T?m? koko mitataan tavuina, tyypillisesti
Kilo- (kt),Mega- (Mb) ja gigatavua (Gb). Mit? suurempi kuvan tiedostokoko on, sit? enemm?n tallennustilaa se vaatii.
T?m?n tuotekuvan koko on 1920×1920 ja sen tiedostokoko on 272 kt
Suurempien tiedostojen lataaminen kest?? kauemmin. Tiedostojen pakkausohjelmisto kehitettiin t?m?n ongelman torjumiseksi. Kuva pakataan yleens? optimoimalla v?ritiedot.
Voimakas pakkaus kuitenkin heikent?? kuvien "laatua". Se aiheuttaa kohinaa tai ?killisen v?rimuutoksen.
Jos tiedostokoko on noin 1000 px, hyv? pakkaus vie noin 200 kt.
Nyt opitaan lis?? siit?, kuinka valita oikeat mittasuhteet kuvillesi.
Mittasuhteet
Kuvan mittasuhteet osoittavat
Jotkut suhteet miellytt?v?t silm?? enemm?n kuin toiset. Normaali mittasuhteet n?ytt?v?t aina hyv?lt?. N?m? ovat 1:1, 4:3, 3:2 ja 16:9.
Mittasuhteet ovat t?rkeit?, koska ne auttavat m??rittelem??n sivustosi ulkoasun. Pyri samaan mittasuhteeseen kaikissa tuotekuvissasi, jotta liikkeest?si tulee j?sennelty ja ammattimainen ilme.
Kuinka valita kuvamuoto
Toinen asia, joka on pidett?v? mieless? optimaalisen kuvantamisen kannalta, on kuvamuoto. Se on tiedostotyyppi, johon kuva tallennetaan.
Kuvamuotoja on monenlaisia. Jokaisella on hyv?t ja huonot puolensa laadun, pakkauksen ja tuen suhteen. Sinun tulee valita muoto, joka tarjoaa korkeimman laadun pienimm?ll? koossa.
Internetin kolme yleisint? muotoa ovat JPEG, PNG ja GIF. Jokaista on k?ytett?v? tietyll? tavalla.
Puretaan muotoja:
- GIF (Graphics Interchange Format) pystyy tallentamaan pakattuja tietoja laadun heikkenem?tt? k?ytt?m?ll? enint??n 256 v?ri?. Muoto tukee yleens? animaatioita. GIF-tiedostot olivat pitk??n Internetin yleisin muoto… kunnes PNG tuli k?ytt??n.
- PNG (Portable Network Graphics) k?ytt?? h?vi?t?nt? pakkausta ja tallentaa rajattoman m??r?n v?rej?.
- JPEG (Joint Photography Experts Group, kehitt?j?n nimi) on tyypillisin muoto kuvien ja muiden kuvien tallentamiseen. JPEG-algoritmi voi k?ytt?? sek? h?vi?llist? ett? h?vi?t?nt? pakkausta (lis?tietoja my?hemmin). Mit? suurempi tiedostokoko, sit? pienempi h?vi?.
Mik? formaatti kannattaa valita? Jos sinulla on animoitu kuva, se on
JPEG- ja PNG-tiedostot ovat samanlaisia, mutta niill? on my?s olennaisia ??eroja. JPEG-tiedostot ovat kooltaan pienempi?, koska ne k?ytt?v?t pakkausprosessia, joka poistaa osan tiedoista. PNG-tiedostot puolestaan ??tukevat l?pin?kyvi? taustoja ja ovat parempia graafiseen suunnitteluun.
Yleiss??nt?n? on k?ytt?? JPG-kuvia valokuvissa ja kuvissa, joissa ei ole l?pin?kyv?? taustaa. Mit? tulee PNG:hen, on parempi k?ytt?? niit? grafiikkaan, l?pin?kyv?n taustan tiedostoihin ja muihin kuviin, joissa selkeys ja v?rien eloisuus ovat t?rkeit?. Joten tuotekuvissa on j?rkev?? valita JPEG PNG:n sijaan.
T?m? tuotekuva on JPEG-muodossa
Kuinka pakata kuvat laatua menett?m?tt?
Pakkaus auttaa pienent?m??n kuvan kokoa. Mit? huonompi laatu, sit? korkeampi pakkaus ja sit? pienempi tiedostokoko.
Pakkaustyyppej? on kahta tyyppi?:
- H?vi?llinen pakkaus pienent?? tiedoston kokoa poistamalla tarpeettomia tietoja. Kuitenkin, kun pakkaat tiedoston t?ll? tavalla, se voi heikent?? kuvan laatua merkitt?v?sti.
- H?vi?t?n puristus on tekniikka, joka pit?? tiedoston laadun korkeana. Se ei kuitenkaan pienenn? tiedostokokoa yht? paljon kuin h?vi?llinen pakkaus. Jos haluat pienent?? tiedostokokoa ilman, ett? laatu heikkenee, on parempi valita h?vi?t?n pakkaus.
Lue lis?? online-ty?kaluista, joilla voit pakata kuvan ilman laadun heikkenemist?.
Kuvien optimointi verkkoa varten: ty?kalujen yleiskatsaus
Haluatko selvitt??, kuinka verkkosivuston kuvat optimoidaan? Onneksi k?yt?t verkkoty?kaluja kuvien optimointiin automaattisesti ilman, ett? joudut katsomaan Photoshopin opetusohjelmia.
Seuraavat sivustot voivat automatisoida optimoinnin puolestasi:
Kuvakoon optimointi: 4 yksinkertaista ty?kalua
Jos etsit tiedostokoon pienennyst?, tutustu johonkin seuraavista palveluista. Ne ovat joko ilmaisia ??tai niill? on ilmaisia ??kokeilujaksoja:
- : se pienent?? JPEG-kuvien tiedostokokoa. Heid?n sivustonsa mukaan se voi v?hent?? sit? yli 70%!
- : sama kuvanpakkaus, mutta PNG-tiedostoille.
- : kuvanpakkausverkkosovellus, joka pienent?? kuvien kokoa useiden muotojen avulla.
- : valokuvapakkaus JPEG-tiedostoille. Siin? on edistyneempi? ominaisuuksia, joista on apua valokuvaajille, mukaan lukien valokuvien vieminen suoraan Lightroomista ja Photoshopista.
- : kuvanoptimointiohjelma Mac-laitteille. Sinun on ladattava se k?ytt??ksesi.
Kuvien optimointi JPEGminill?
Jos sinulla on 51视频-kauppa, voit k?ytt?? SEO nopeus ja kuvan optimointi sovellus 51视频 App Marketista. Sovellus mahdollistaa
Kuvien optimointi WordPressille
Jos sinulla on WordPress-verkkosivusto, voit k?ytt?? kuvanoptimointiohjelmaa ja pakkauslaajennuksia. Niiden avulla voit automaattisesti optimoida kuvat WordPress-sivustoilla, mik? mahdollistaa paremman nopeuden ja suorituskyvyn.
Muuten, jos etsit verkkokauppalaajennusta WordPress-verkkosivustollesi, katso t?m? . Sen avulla voit helposti lis?t? verkkokaupan WordPress-sivustollesi. Kun laajennus on asennettu, se luo automaattisesti kauppasivun, jolla asiakkaasi voivat tehd? ostoksia verkkosivustollasi.
Ewww Image Optimizer
on yksi parhaista WordPress-laajennuksista kuvien pakkaamiseen ja verkkosivustosi kuvien optimointiin. Koko kuvien optimointiprosessi on automatisoitu. T?m? sis?lt?? kuvien pakkaamisen ja skaalauksen oikean kokoiselle sivulle ja laitteeseen sopivaksi. Plugin on
Pakkaa JPEG & PNG
on laajennus, jonka on luonut jo tarjoamiemme palveluiden takana oleva tiimi
reSmush.it
on ilmainen WordPress-kuvanpakkauslaajennus tiedostoille, joiden koko on enint??n 5 megatavua. Voit optimoida kuvat automaattisesti latauksen yhteydess?, joukkooptimoida vanhemmat kuvat ja j?tt?? joitain kuvia pois optimoijasta.
Lis?? automaattisia kuvanoptimointity?kaluja
Mutta ent? jos sinulla ei ole WordPress-verkkosivustoa? Suuren valokuvam??r?n manuaalinen optimointi on ehdottomasti
ImageRecycle
tukee erilaisia ??kuvamuotoja, kuten JPEG, PNG, GIF ja jopa PDF-tiedostoja.
Ty?kalu voi m??ritt??, mitk? verkkosivustosi kuvat on optimoitava kuvan koon ja mittojen perusteella. Kirjoita vain verkkosivustosi osoite ja ImageRecycle l?hett?? sinulle ilmaisen raportin s?hk?postitse. Heill? on my?s ilmainen kokeiluversio, jotta voit n?hd? heid?n optimointity?kalunsa toiminnassa.
ImageKit.io
ei ole tavallinen kuvanpakkaus, vaan kuvan CDN (sis?ll?njakeluverkko). Se optimoi, muuttaa kokoa ja l?hett?? kuvia maailmanlaajuisen palvelinverkostonsa kautta. Voit tilata ikuisesti ilmaisen paketin.
Ty?kalut tuotekuvien muokkaamiseen
Jos et halua muokata kuvia itse etk? pelk?? pient? tee-se-itse-ty?t?, kuvien muokkausty?kaluista voi olla apua. T?ss? muutama niist?:
Photoshop
Photoshop tarjoaa ilmaisen peruskuvank?sittelyyn (kuten kuvien rajaamiseen tai koon muuttamiseen). Sen avulla voit my?s poistaa kuvista taustan ja hienos??t?? valokuvia eri asetuksilla, kuten kontrasti, kirkkaus, kyll?isyys, l?mp? tai ter?v?itys.
Online Photoshop editorissa on suunnittelumalleja, joita voit k?ytt??
GIMP
on ilmainen ohjelma, joka sopii Windowsille, Macille ja Linuxille. Se tarjoaa kaiken mit? tarvitset ammattimaiseen grafiikkaan ja valokuviin, mukaan lukien ty?kalut tasoille ja naamioille, v?rinkorjaukseen, retusointiin ja maalaamiseen. GIMP tukee kaikkia yleisimpi? kuvatiedostomuotoja.
PicMonkey
on online-editori, jossa on yksinkertainen k?ytt?liittym? ja kaikki perustoiminnot, kuten rajaus, py?ritys, ter?vyyden s??t?, v?rien k?sittely ja resoluutiokuvien valinta. Se tarjoaa malleja kuvien luomiseen mainoksille, sosiaalisille viesteille, logoille, infografiikalle ja muille. Siin? on a
Pixlr
tarjoaa ilmaisen online-editorin ja suunnitteluresurssit aloittelijoille ja ammattilaisille. Siin? on ty?kalut v?rien, piirt?misen ja valokuvien muokkaamiseen. Pixlrill? ty?skentelet tasojen kanssa ja k?yt?t erilaisia ??tehosteita ja suodattimia. Jos olet kiinnostunut, voit
Lis?? kuvan optimoinnista
Suuret kuvat voivat hidastaa verkkosivustoasi, joten on t?rke?? optimoida ne verkkoa varten. Oikean kuvamuodon l?yt?minen kuvillesi kokoa muuttamalla ja pakkaamalla voi tehd? ihmeit? verkkosivustosi nopeudelle.
Ja nyt tied?t hyv?t uutiset: optimointi on eritt?in helppoa! Voit my?s palata takaisin ja viitata t?h?n artikkeliin aina kun tarvitset.
Jos olet kokeneempi k?ytt?j? ja haluat oppia lis?? kuvien optimoinnista hakukoneoptimointia varten, suosittelemme katsomaan t?m?n Googlen videon. Siin? k?yd??n l?pi joitain edistyneit? vinkkej? kuvien optimointiin verkkosivustoa varten. Katso se t??lt?:
Riippumatta siit?, kuinka kokenut olet verkkokaupan omistajana, ?l? koskaan unohda kuvien optimointia. Yksinkertaisimmatkin ty?kalut voivat tehd? kuvistasi sopivia verkkoon. Optimoimalla kuviasi voit vaikuttaa merkitt?v?sti asiakkaidesi ostokokemukseen. Varmista, ett? tuotekuvasi ovat kauniita ja latautuvat nopeasti!
Jos olet vasta verkkokauppamatkasi alussa ja sinun on luotava verkkokauppa, tutustu Lightspeedin 51视频. Sen avulla voit perustaa verkkokaupan itse ilman koodaus- tai suunnittelutaitoja. T?ydellinen, jos haluat aloittaa online-myynnin mahdollisimman pian!
