Tootepiltide optimeerimine: juhised ja ressursid

Tootepildid aitavad sõlmida tehingu, kui kliendid teie veebisaiti külastavad. Nende huvide säilitamiseks peavad teil olema atraktiivsed fotod, mis laaditakse kiiresti. Teisisõnu peate oma tootepilte optimeerima.

Võib-olla mõtlete, kuidas leida optimaalne pildi suurus, kuidas pilte tihendada ja kuidas pilte optimeerida ilma kvaliteeti kaotamata.

Oleme teid kaitsnud. Selles artiklis käsitleme nipet-näpet piltide optimeerimise kohta ja vaadake saadaolevaid tööriistu, et töö kiiresti ja lihtsalt ära teha.

Miks on teil vaja pilte optimeerida?

Pildid on iga veebisaidi oluline osa. See kehtib eriti poodide saidi kohta. Pildid mõjutavad kliente, kui nad kaaluvad millegi ostmist. Need täiendavad veebilehe üldist kujundust, aitavad klientidel toodet valida ja parandavad teie saidi SEO-d.

Näiteks soovite vältida suurte failide üleslaadimist. Need võivad teie lehte aeglustada, mis mõjutab teie otsingumootori asetust ja peletab potentsiaalsed kliendid minema. Keegi ei taha veebis ostes lehe laadimist oodata. Seetõttu peate oma tootepilte optimeerima.

Pildi mõõtmete ja proportsioonide mõistmine

Uurime välja, millele peate oma piltide optimeerimisel tähelepanu pöörama.

Pildi suurus ja mõõtmed on väga olulised. Need parameetrid mõjutavad faili suurust ja pildi välimust erinevates seadmetes.

SUURUS

Nüüd on ajastu kõrgresolutsiooniga ja kiire Internet, kuid see ei tähenda, et me ei peaks muretsema piltide optimeerimise pärast. Kaasaegsed kaamerad ja isegi nutitelefonid võivad vastu võtta kõrgresolutsiooniga pilte. Võib-olla olete isegi oma poe jaoks selliseid pilte valmistanud.

Kui pildid on aga liiga suured, ei sobi need Interneti kasutamiseks. Need aeglustavad laadimiskiirust, eriti telefonis. Kui te ei soovi, et teie külastajad muutuksid kannatamatuks ja lahkuksid teie poest, peaksite oma piltide suurust vähendama.

Pildil on kaks suurust.

• Pildi suurus on ruum, mille graafika ekraanil hõivab. Seda suurust mõõdetakse pikslites (pikslites), mis on ekraani moodustavad üksikud punktid. Saate Ecwidi poes üles laadida mis tahes suuruses pilte. Seejärel optimeeritakse need nii, et need sobiksid brauseriakna laiusega. Sellegipoolest on kõige parem vähendada tootepilte umbes 1000 x 1000 pikslini. See suurus on piisavalt suur toote kuvamiseks ja piisavalt väike, et seda kiiresti laadida.
• Faili suurus on mäluruum, mille pilt võtab. Seda suurust mõõdetakse tüüpiliselt baitides kilo- (Kb), mega- (Mb) ja gigabaiti (Gb). Mida suurem on pildi failimaht, seda rohkem salvestusruumi see nõuab.

Suuremate failide laadimine võtab kauem aega. Selle probleemiga võitlemiseks töötati välja failide tihendamise tarkvara. Pilt tihendatakse tavaliselt värviandmete optimeerimise teel.

Tugev pakkimine aga halvendab kujutiste kvaliteeti. See põhjustab müra või järsu värvi üleminekut.

Umbes 1000 piksli suuruse faili korral võtab hea tihendus umbes 200 kB.

Nüüd vaatame lisateavet piltide jaoks õigete proportsioonide valimise kohta.

Proportsioonid

Pildi proportsioonid näitavad laius-kõrgus suhe.

Mõned suhted on silmale meeldivamad kui teised. Standardsed proportsioonid näevad alati kenad välja. Need on 1:1, 4:3, 3:2 ja 16:9.

Proportsioonid on olulised, kuna need aitavad määratleda teie saidi välimust. Püüdke kõigi oma tootepiltide jaoks samade proportsioonide poole, et anda oma poele struktureeritud ja professionaalne välimus.

Kuidas valida pildivormingut

Veel üks asi, mida optimaalse pildistamise jaoks meeles pidada, on pildivorming. See on faili tüüp, millesse pilt salvestatakse.

Pildivorminguid on mitut tüüpi. Igal neist on kvaliteedi, tihendamise ja toe osas oma eelised ja puudused. Peaksite valima vormingu, mis tagab kõrgeima kvaliteedi ja väikseima suuruse.

Kolm kõige levinumat veebivormingut on JPEG, PNG ja GIF. Igaüht neist tuleks kasutada konkreetsel viisil.

Jaotame vormingud:

• GIF (Graphics Interchange Format) on võimeline salvestama tihendatud andmeid ilma kvaliteeti kaotamata, kasutades kuni 256 värvi. Vorming toetab tavaliselt animatsioone. Pikka aega olid GIF-id Internetis kõige levinumad vormingud… kuni PNG ilmumiseni.
• PNG (Portable Network Graphics) kasutab kadudeta tihendamist ja salvestab piiramatul arvul värve.
• JPEG (Joint Photographic Experts Group, arendaja nimi) on kõige tüüpilisem fotode ja muude piltide salvestamise formaat. JPEG-algoritm võib kasutada nii kadudeta kui ka kadudeta tihendamist (sellest lähemalt hiljem). Mida suurem on faili suurus, seda väiksem on kadu.

Millise vormingu peaksite valima? Kui teil on animeeritud pilt, siis see on lihtne - GIF on vorming, mida otsite. Aga kuidas on lood JPEG- ja PNG-ga?

JPEG- ja PNG-failid on sarnased, kuid neil on ka olulisi erinevusi. JPEG-failid on väiksema suurusega, kuna need kasutavad tihendusprotsessi, mis eemaldab osa andmeid. PNG-d seevastu toetavad läbipaistvat tausta ja sobivad paremini graafilise disaini jaoks.

Üldreegel on kasutada JPG-sid fotode ja piltide jaoks, millel pole läbipaistvat tausta. PNG-vormingus on parem kasutada neid graafika, läbipaistva taustaga failide ja muude piltide jaoks, kus selgus ja värvide erksus on olulised. Seega on tootefotode puhul mõistlik eelistada JPEG-vormingut PNG-le.

Kuidas pilte tihendada ilma kvaliteeti kaotamata

Tihendus aitab vähendada pildi suurust. Mida madalam on kvaliteet, seda suurem on tihendus ja seda väiksem on faili suurus.

Kokkusurumist on kahte tüüpi.

• Kadunud kompressioon vähendab faili suurust, eemaldades üleliigsed andmed. Kui aga faili sel viisil tihendate, võib see pildikvaliteeti oluliselt halvendada.
• Kadudeta kompressioon on tehnika, mis hoiab faili kvaliteeti kõrgel. Kuid see ei vähenda faili suurust nii palju kui kadudega tihendamine. Kui teil on vaja faili suurust vähendada ilma kvaliteeti märgatavalt mõjutamata, on parem valida kadudeta pakkimine.

Lugege edasi, et saada teavet veebitööriistade kohta, mida saate kasutada pildi tihendamiseks ilma kvaliteeti kaotamata.

Piltide optimeerimine veebi jaoks: tööriistade ülevaade

Kas soovite välja selgitada, kuidas veebisaidi jaoks pilte optimeerida? Õnneks kasutate veebitööriistu oma piltide automaatseks optimeerimiseks, ilma et peaksite tunde Photoshopi õpetusi vaatama.

Järgmised saidid saavad teie jaoks optimeerimise automatiseerida.

Kujutise suuruse optimeerimine: 4 lihtsat tööriista

Kui otsite failisuuruse vähendajat, vaadake ühte järgmistest teenustest. Need on kas tasuta või tasuta prooviperioodidega.

• TinyJPG: see vähendab JPEG-piltide failisuurust. Nende saidi andmetel võib see seda vähendada rohkem kui 70%!
• TinyPNG: sama pildikompressor, kuid PNG-failide jaoks.
• Squoosh: pildikompressori veebirakendus, mis vähendab kujutiste suurust mitmes vormingus.
• jpegmini: fotokompressor JPEG-failide jaoks. Sellel on täiustatud funktsioonid, mis on fotograafidele abiks, sealhulgas fotode eksportimine otse Lightroomist ja Photoshopist.
• ImageOptim: pildi optimeerija Maci seadmete jaoks. Peate selle kasutamiseks alla laadima.

Kui teil on Ecwidi kauplus, saate kasutada SEO kiirus ja pildi optimeerija rakendus Ecwid App Marketist. Rakendus võimaldab ühe klõpsuga tootepiltide optimeerimine ja tihendamine, mis kiirendab tootelehe laadimisaega.

Kuidas optimeerida pilte WordPressi jaoks

Kui teil on WordPressi veebisait, saate kasutada pildi optimeerijat ja tihendamise pistikprogramme. Need aitavad teil WordPressi saitidel pilte automaatselt optimeerida, võimaldades paremat kiirust ja jõudlust.

Muide, kui otsite oma WordPressi veebisaidi jaoks poodide pistikprogrammi, vaadake seda Lightspeedi pistikprogrammi Ecwid. See võimaldab teil hõlpsasti oma WordPressi saidile veebipoe lisada. Pärast installimist loob pistikprogramm automaatselt poelehe, kus teie kliendid saavad teie veebisaidil oste teha.

Ewww Image Optimizer
Ewww Image Optimizer on üks parimaid WordPressi pistikprogramme teie veebisaidil olevate fotode tihendamiseks ja piltide optimeerimiseks. Kogu piltide optimeerimise protsess on automatiseeritud. See hõlmab piltide tihendamist ja skaleerimist, et need sobiksid õige suurusega lehele ja seadmesse. Pistikprogramm on liitumispõhine kuid see pakub a 7 päeva tasuta prooviversioon.

Tihendage JPEG ja PNG
Tihendage JPEG ja PNG on pistikprogramm, mille on loonud meie juba pakutavate teenuste taga olev meeskond mainitud - TinyPNG ja TinyJPG. See tihendab pildid üleslaadimisel automaatselt. Samuti saate vanemaid pilte hulgi optimeerida. Tasuta kontoga saate iga kuu optimeerida 500 pilti.

reSmush.it
reSmush.it on tasuta WordPressi piltide tihendamise pistikprogramm kuni 5 MB failidele. Saate pilte üleslaadimisel automaatselt optimeerida, vanemaid pilte hulgi optimeerida ja mõned pildid optimeerijast välja jätta.

Rohkem automatiseeritud pildi optimeerimise tööriistu

Aga mis siis, kui teil pole WordPressi veebisaiti? Suure hulga fotode käsitsi optimeerimine on kindlasti vajalik aega võttev. Õnneks on failide suuruse automaatseks vähendamiseks saadaval mitu veebitööriista parandage saidi kiirust.

ImageRecycle
ImageRecycle toetab erinevaid pildivorminguid, nagu JPEG, PNG, GIF ja isegi PDF-failid.

Tööriist saab pildi suuruse ja mõõtmete põhjal määrata, milliseid teie veebisaidil olevaid pilte tuleb optimeerida. Sisestage lihtsalt oma veebisaidi aadress ja ImageRecycle saadab teile meili teel tasuta aruande. Neil on ka tasuta prooviperiood, et saaksite näha nende optimeerimistööriista töös.

ImageKit.io
ImageKit.io ei ole tavaline pildikompressor, vaid pildi CDN (sisu edastamise võrk). See optimeerib, muudab selle suurust ja saadab pilte oma ülemaailmse serverivõrgu kaudu. Saate registreeruda igaveseks tasuta paketiks.

Tootepiltide redigeerimise tööriistad

Kui te ei soovi pilte ise redigeerida ja ei karda pisut isetegemist, võite abiks olla fototöötlustööriistadest. Siin on mõned neist.

Photoshop
Photoshop pakub tasuta veebitoimetaja piltide lihtsaks manipuleerimiseks (nt piltide kärpimiseks või suuruse muutmiseks). Samuti võimaldab see eemaldada piltidelt tausta ja viimistleda oma fotosid erinevate seadetega, nagu kontrast, heledus, küllastus, soojus või teravustamine.

GIMP
GIMP on tasuta programm, mis sobib Windowsi, Maci ja Linuxiga. See pakub kõike, mida vajate professionaalse graafika ja fotode jaoks, sealhulgas kihtide ja maskide, värvide korrigeerimise, retušeerimise ja maalimise tööriistu. GIMP toetab kõiki peamisi pildifailivorminguid.

PicMonkey
PicMonkey on veebiredaktor, millel on lihtne liides ja kõik põhifunktsioonid, nagu kärpimine, pööramine, teravuse reguleerimine, värvidega töötamine ja eraldusvõimega fotode valimine. See pakub malle piltide loomiseks reklaamide, suhtluspostituste, logode, infograafika ja muu jaoks. Sellel on a 7 päeva tasuta prooviversioon.

Pixlr
Pixlr pakub algajatele ja professionaalidele tasuta veebiredaktorit ja disainiressursse. Sellel on tööriistad värvimiseks, joonistamiseks ja fotode redigeerimiseks. Pixlri abil töötate kihtidega ning kasutate erinevaid efekte ja filtreid. Kui olete huvitatud, saate test drive lisatasu pakett 30 päevaks tasuta.

Lisateavet pildi optimeerimise kohta

Suured pildid võivad teie veebisaiti aeglustada, mistõttu on oluline neid veebi jaoks optimeerida. Piltide jaoks õige pildivormingu leidmine suurust muutes ja tihendades võib teie veebisaidi laadimise kiirusega imesid teha.

Ja nüüd teate häid uudiseid: optimeerimine on ülilihtne! Samuti võite igal ajal tagasi tulla ja sellele artiklile viidata.

Kui olete kogenud kasutaja ja soovite saada lisateavet SEO jaoks piltide optimeerimise kohta, soovitame Google’il seda videot vaadata. See sisaldab mõningaid täpsemaid näpunäiteid oma piltide optimeerimise kohta veebisaidi jaoks. Vaadake seda siit:

Olenemata sellest, kui kogenud olete e-poe omanikuna, ärge kunagi unustage piltide optimeerimist. Isegi kõige lihtsamad tööriistad muudavad teie pildid veebis sobivaks. Pilte optimeerides saate oma klientide ostukogemust drastiliselt mõjutada. Veenduge, et teie tootepildid oleksid ilusad ja kiiresti laaditavad!

Kui olete alles oma e-kaubanduse teekonna alguses ja peate luua veebipoe, vaadake Lightspeedi Ecwid. See võimaldab teil ise luua tasuta veebipoe, ilma et teil oleks vaja kodeerimis- ega disainioskusi. Ideaalne, kui teil on vaja alustada veebimüüki niipea kui võimalik!

• Kuidas kujundada tootekategooria pilte
• Kuidas luua tootepiltide jaoks kinopilte
• Kuidas optimeerida tootepilte
• Kuidas muuta pildi suurust
• Pildi suuruse muutjate ülevaade