Produktu attÄli palÄ«dz noslÄgt darÄ«jumu, kad klienti apmeklÄ jÅ«su vietni. Lai saglabÄtu viÅu interesi, jums ir jÄbÅ«t pievilcÄ«gÄm fotogrÄfijÄm, kas tiek Ätri ielÄdÄtas. Citiem vÄrdiem sakot, jums ir jÄoptimizÄ jÅ«su produktu attÄli.
Jums var rasties jautÄjums, kÄ atrast optimÄlo attÄla izmÄru, kÄ saspiest attÄlus un kÄ optimizÄt attÄlus, nezaudÄjot kvalitÄti.
MÄs esam jums nodroÅ”inÄjuÅ”i. Å ajÄ rakstÄ mÄs iedziļinÄmies
KÄpÄc jums ir nepiecieÅ”ams optimizÄt attÄlus?
AttÄli ir svarÄ«ga katras vietnes sastÄvdaļa. Tas jo Ä«paÅ”i attiecas uz e-komercijas vietni. AttÄli ietekmÄ klientus, kad viÅi apsver iespÄju kaut ko iegÄdÄties. Tie papildina tÄ«mekļa lapas vispÄrÄjo dizainu, palÄ«dz klientiem izvÄlÄties produktu un uzlabo jÅ«su vietnes SEO.
PiemÄram, jÅ«s vÄlaties izvairÄ«ties no lielu failu augÅ”upielÄdes. Tie var palÄninÄt jÅ«su lapas darbÄ«bu, kas ietekmÄ jÅ«su meklÄtÄjprogrammas ranžÄÅ”anu un izstumj potenciÄlos klientus. IepÄrkoties tieÅ”saistÄ, neviens nevÄlas gaidÄ«t lapas ielÄdi. TÄpÄc jums ir jÄoptimizÄ jÅ«su produktu attÄli.
Izpratne par attÄla izmÄriem un proporcijÄm
Noskaidrosim, kam jÄpievÄrÅ” uzmanÄ«ba, optimizÄjot attÄlus.
AttÄla izmÄrs un izmÄri ir ļoti svarÄ«gi. Å ie parametri ietekmÄ faila lielumu un attÄla izskatu dažÄdÄs ierÄ«cÄs.
±õ³ś³¾Å§°ł¾±
Tagad ir laikmets
TomÄr, ja attÄli ir pÄrÄk lieli, tie nav piemÄroti internetam. Tie palÄnina ielÄdes Ätrumu, Ä«paÅ”i tÄlrunÄ«. Ja nevÄlaties, lai apmeklÄtÄji kļūtu nepacietÄ«gi un pamestu veikalu, jums vajadzÄtu samazinÄt attÄlu izmÄru.
AttÄlam ir divi izmÄri:
- attÄla izmÄrs ir vieta, ko grafiskais attÄls aizÅem ekrÄnÄ. Å o izmÄru mÄra pikseļos (pikseļos), kas ir atseviŔķi punkti, kas veido ekrÄnu. 51ŹÓʵ veikalÄ varat augÅ”upielÄdÄt jebkura izmÄra attÄlus. PÄc tam tie tiek optimizÄti, lai tie atbilstu pÄrlÅ«kprogrammas loga platumam. TomÄr vislabÄk ir samazinÄt produktu attÄlus lÄ«dz aptuveni 1000 x 1000 pikseļiem. Å is izmÄrs ir pietiekami liels, lai parÄdÄ«tu produktu, un pietiekami mazs, lai Ätri ielÄdÄtu.
- Faila lielums ir atmiÅas vieta, ko aizÅem attÄls. Å o lielumu mÄra baitos, parasti
Kilo- (Kb),mega- (Mb) un gigabaiti (Gb). Jo lielÄks ir attÄla faila izmÄrs, jo vairÄk vietas tam ir nepiecieÅ”ams.
Å Ä« produkta attÄla izmÄrs ir 1920 Ć 1920 un tÄ faila izmÄrs ir 272 kB
LielÄku failu ielÄde prasa ilgÄku laiku. Failu saspieÅ”anas programmatÅ«ra tika izstrÄdÄta, lai cÄ«nÄ«tos pret Å”o problÄmu. AttÄls parasti tiek saspiests, optimizÄjot krÄsu datus.
TomÄr spÄcÄ«ga saspieÅ”ana pasliktina attÄlu ākvalitÄtiā. Tas rada troksni vai pÄkÅ”Åu krÄsu pÄreju.
Ja faila izmÄrs ir aptuveni 1000 pikseļi, laba saspieÅ”ana aizÅems aptuveni 200 kB.
Tagad uzzinÄsim vairÄk par to, kÄ izvÄlÄties pareizÄs proporcijas jÅ«su attÄliem.
Proporcijas
AttÄla proporcijas norÄda uz
Dažas attiecÄ«bas ir acij tÄ«kamÄkas nekÄ citas. Standarta proporciju komplekts vienmÄr izskatÄs jauki. Tie ir 1:1, 4:3, 3:2 un 16:9.
Proporcijas ir svarÄ«gas, jo tÄs palÄ«dz noteikt jÅ«su vietnes izskatu. Centieties panÄkt vienÄdas proporcijas visiem jÅ«su produktu attÄliem, lai pieŔķirtu savam veikalam strukturÄtu un profesionÄlu izskatu.
KÄ izvÄlÄties attÄla formÄtu
VÄl viena lieta, kas jÄpatur prÄtÄ, lai nodroÅ”inÄtu optimÄlu attÄlu, ir attÄla formÄts. Tas ir faila veids, kurÄ tiek saglabÄts attÄls.
Ir daudz veidu attÄlu formÄti. Katram no tiem ir savas priekÅ”rocÄ«bas un trÅ«kumi kvalitÄtes, saspieÅ”anas un atbalsta ziÅÄ. Jums vajadzÄtu izvÄlÄties formÄtu, kas nodroÅ”ina augstÄko kvalitÄti ar mazÄko izmÄru.
TrÄ«s visizplatÄ«tÄkie formÄti tÄ«meklÄ« ir JPEG, PNG un GIF. Katrs no tiem ir jÄizmanto noteiktÄ veidÄ.
SadalÄ«sim formÄtus:
- GIF (Graphics Interchange Format) spÄj saglabÄt saspiestus datus, nezaudÄjot kvalitÄti, izmantojot ne vairÄk kÄ 256 krÄsas. FormÄts parasti atbalsta animÄcijas. Ilgu laiku GIF bija visizplatÄ«tÄkais formÄts internetÄā¦ lÄ«dz parÄdÄ«jÄs PNG.
- PNG (Portable Network Graphics) izmanto bezzudumu saspieÅ”anu un saglabÄ neierobežotu skaitu krÄsu.
- JPEG (ApvienotÄ fotogrÄfiju ekspertu grupa, izstrÄdÄtÄja nosaukums) ir tipiskÄkais fotoattÄlu un citu attÄlu glabÄÅ”anas formÄts. JPEG algoritms var izmantot gan zudumu, gan bezzudumu saspieÅ”anu (vairÄk par to vÄlÄk). Jo lielÄks faila lielums, jo mazÄki zaudÄjumi.
Kuru formÄtu izvÄlÄties? Ja jums ir animÄts attÄls, tas tÄ ir
JPEG un PNG faili ir lÄ«dzÄ«gi, taÄu tiem ir arÄ« bÅ«tiskas atŔķirÄ«bas. JPEG faili ir mazÄki, jo tajos tiek izmantots saspieÅ”anas process, kas noÅem dažus datus. No otras puses, PNG atbalsta caurspÄ«dÄ«gu fonu un ir labÄki grafiskajam dizainam.
VispÄrÄjais noteikums ir izmantot JPG formÄtÄ fotogrÄfijÄm un attÄliem, kuriem nav caurspÄ«dÄ«ga fona. Kas attiecas uz PNG, labÄk tos izmantot grafikai, failiem ar caurspÄ«dÄ«gu fonu un citiem attÄliem, kur svarÄ«ga ir skaidrÄ«ba un krÄsu spilgtums. TÄpÄc produktu fotoattÄliem ir lietderÄ«gi dot priekÅ”roku JPEG, nevis PNG.
Å is produkta fotoattÄls ir JPEG formÄtÄ
KÄ saspiest attÄlus, nezaudÄjot kvalitÄti
SaspieÅ”ana palÄ«dz samazinÄt attÄla izmÄru. Jo zemÄka kvalitÄte, jo augstÄka ir saspieÅ”ana un mazÄks faila lielums.
Ir divi kompresijas veidi:
- ZaudÄta kompresija samazina faila lielumu, noÅemot liekos datus. TomÄr, Å”ÄdÄ veidÄ saspiežot failu, tas var ievÄrojami pasliktinÄt attÄla kvalitÄti.
- ZaudÄÅ”ana bez saspieÅ”anas ir paÅÄmiens, kas saglabÄ augstu faila kvalitÄti. TomÄr tas nesamazinÄs faila lielumu tik daudz, cik saspieÅ”ana ar zaudÄjumiem. Ja nepiecieÅ”ams samazinÄt faila lielumu, bÅ«tiski neietekmÄjot kvalitÄti, labÄk izvÄlÄties bezzudumu saspieÅ”anu.
Lasiet tÄlÄk, lai uzzinÄtu par tieÅ”saistes rÄ«kiem, ko varat izmantot attÄla saspieÅ”anai, nezaudÄjot kvalitÄti.
KÄ optimizÄt attÄlus tÄ«meklim: rÄ«ku pÄrskats
Vai vÄlaties noskaidrot, kÄ optimizÄt tÄ«mekļa vietnes attÄlus? Par laimi jÅ«s izmantojat tieÅ”saistes rÄ«kus, lai automÄtiski optimizÄtu attÄlus, netÄrÄjot stundas, skatoties Photoshop apmÄcÄ«bas.
TÄlÄk norÄdÄ«tÄs vietnes var automatizÄt optimizÄciju jÅ«su vietÄ:
KÄ optimizÄt attÄla izmÄru: 4 vienkÄrÅ”i rÄ«ki
Ja meklÄjat faila lieluma samazinÄtÄju, pÄrbaudiet kÄdu no Å”iem pakalpojumiem. Tie ir vai nu bezmaksas, vai arÄ« tiem ir bezmaksas izmÄÄ£inÄjuma versijas:
- : samazina JPEG attÄlu faila lielumu. SaskaÅÄ ar viÅu vietni, tas var to samazinÄt par vairÄk nekÄ 70%!
- : tas pats attÄla kompresors, bet PNG failiem.
- : attÄlu kompresora tÄ«mekļa lietotne, kas samazina attÄla izmÄrus, izmantojot daudzus formÄtus.
- : fotoattÄlu kompresors JPEG failiem. Tam ir uzlabotas funkcijas, kas ir noderÄ«gas fotogrÄfiem, tostarp fotoattÄlu eksportÄÅ”ana tieÅ”i no Lightroom un Photoshop.
- : attÄlu optimizÄtÄjs Mac ierÄ«cÄm. Lai to izmantotu, tas ir jÄlejupielÄdÄ.
AttÄlu optimizÄÅ”ana, izmantojot JPEGmini
Ja jums ir 51ŹÓʵ veikals, varat izmantot SEO Ätruma un attÄlu optimizÄtÄjs lietotni no 51ŹÓʵ App Market. Lietotne ļauj
KÄ optimizÄt attÄlus WordPress
Ja jums ir WordPress vietne, varat izmantot attÄlu optimizÄtÄju un saspieÅ”anas spraudÅus. Tie palÄ«dz automÄtiski optimizÄt attÄlus WordPress vietnÄs, nodroÅ”inot lielÄku Ätrumu un veiktspÄju.
Starp citu, ja meklÄjat e-komercijas spraudni savai WordPress vietnei, pÄrbaudiet Å”o . Tas ļauj Ärti pievienot tieÅ”saistes veikalu savai WordPress vietnei. PÄc instalÄÅ”anas spraudnis automÄtiski izveido veikala lapu, kurÄ klienti var iepirkties jÅ«su vietnÄ.
EWWW Image Optimizer
ir viens no labÄkajiem WordPress spraudÅiem fotoattÄlu saspieÅ”anai un attÄlu optimizÄÅ”anai jÅ«su vietnÄ. Viss attÄlu optimizÄÅ”anas process ir automatizÄts. Tas ietver attÄlu saspieÅ”anu un mÄrogoÅ”anu, lai tie atbilstu pareiza izmÄra lapai un ierÄ«cei. Spraudnis ir
Saspiest JPEG un PNG
ir spraudnis, ko izveidojusi mÅ«su jau piedÄvÄto pakalpojumu komanda
reSmush.it
ir bezmaksas WordPress attÄlu saspieÅ”anas spraudnis failiem lÄ«dz 5 MB. Varat automÄtiski optimizÄt attÄlus augÅ”upielÄdes laikÄ, lielapjoma optimizÄt vecÄkus attÄlus un izslÄgt dažus attÄlus no optimizÄtÄja.
VairÄk automatizÄtu attÄlu optimizÄcijas rÄ«ku
Bet ko darÄ«t, ja jums nav WordPress vietnes? ManuÄli optimizÄt lielu skaitu fotoattÄlu noteikti ir
ImageRecycle
atbalsta dažÄdus attÄlu formÄtus, piemÄram, JPEG, PNG, GIF un pat PDF failus.
Å is rÄ«ks var noteikt, kuri attÄli jÅ«su vietnÄ ir jÄoptimizÄ, pamatojoties uz attÄla izmÄru un izmÄru. VienkÄrÅ”i ievadiet savas vietnes adresi, un ImageRecycle nosÅ«tÄ«s jums bezmaksas ziÅojumu pa e-pastu. ViÅiem ir arÄ« bezmaksas izmÄÄ£inÄjuma versija, lai jÅ«s varÄtu redzÄt viÅu optimizÄcijas rÄ«ku darbÄ«bÄ.
ImageKit.io
nav parasts attÄlu kompresors, bet gan attÄla CDN (satura piegÄdes tÄ«kls). Tas optimizÄ, maina izmÄrus un nosÅ«ta attÄlus, izmantojot savu globÄlo serveru tÄ«klu. Varat reÄ£istrÄties mūžīgam bezmaksas plÄnam.
Produktu attÄlu rediÄ£ÄÅ”anas rÄ«ki
Ja jÅ«s neiebilstat pats rediÄ£Ät attÄlus un nebaidÄties no neliela DIY, jums var noderÄt fotoattÄlu rediÄ£ÄÅ”anas rÄ«ki. Å eit ir daži no tiem:
photoshop
Photoshop piedÄvÄ bezmaksas pamata attÄlu manipulÄcijÄm (piemÄram, attÄlu apgrieÅ”anai vai izmÄru maiÅai). Tas arÄ« ļauj noÅemt fonu no attÄliem un precizÄt fotoattÄlus ar dažÄdiem iestatÄ«jumiem, piemÄram, kontrastu, spilgtumu, piesÄtinÄjumu, siltumu vai asumu.
TieŔsaistes Photoshop redaktoram ir dizaina veidnes, kuras varat izmantot
GIMP
ir bezmaksas programma, kas piemÄrota operÄtÄjsistÄmÄm Windows, Mac un Linux. Tas piedÄvÄ visu, kas nepiecieÅ”ams profesionÄlai grafikai un fotogrÄfijÄm, tostarp rÄ«kus slÄÅiem un maskÄm, krÄsu korekcijai, retuÅ”ÄÅ”anai un krÄsoÅ”anai. GIMP atbalsta visus galvenos attÄlu failu formÄtus.
PicMonkey
ir tieÅ”saistes redaktors ar vienkÄrÅ”u interfeisu un visÄm pamatfunkcijÄm, piemÄram, apgrieÅ”anu, pagrieÅ”anu, asuma kontroli, darbu ar krÄsÄm un izŔķirtspÄjas fotoattÄlu izvÄli. Tas nodroÅ”ina veidnes attÄlu veidoÅ”anai reklÄmÄm, sociÄlajÄm ziÅÄm, logotipiem, infografikÄm un citam. Tam ir a
Pixlr
piedÄvÄ bezmaksas tieÅ”saistes redaktoru un dizaina resursus iesÄcÄjiem un profesionÄļiem. TajÄ ir rÄ«ki krÄsu, zÄ«mÄÅ”anas un fotoattÄlu rediÄ£ÄÅ”anai. Izmantojot Pixlr, jÅ«s strÄdÄjat ar slÄÅiem un izmantojat dažÄdus efektus un filtrus. Ja jÅ«s interesÄ, varat
VairÄk par attÄlu optimizÄciju
Lieli attÄli var palÄninÄt vietnes darbÄ«bu, tÄpÄc ir svarÄ«gi tos optimizÄt tÄ«meklim. Pareiza attÄla formÄta atraÅ”ana, mainot un saspiežot attÄlus, var radÄ«t brÄ«numus jÅ«su vietnes Ätruma ielÄdei.
Un tagad jÅ«s zinÄt labÄs ziÅas: optimizÄcija ir ļoti vienkÄrÅ”a! Varat arÄ« atgriezties un atsaukties uz Å”o rakstu, kad vien nepiecieÅ”ams.
Ja esat pieredzÄjis lietotÄjs un vÄlaties uzzinÄt vairÄk par to, kÄ optimizÄt attÄlus SEO, iesakÄm noskatÄ«ties Å”o Google video. TajÄ ir sniegti daži uzlaboti padomi par attÄlu optimizÄÅ”anu vietnei. Noskaties to Å”eit:
NeatkarÄ«gi no tÄ, cik pieredzÄjis esat e-komercijas Ä«paÅ”nieks, nekad neaizmirstiet par attÄla optimizÄciju. Pat visvienkÄrÅ”Äkie rÄ«ki var padarÄ«t jÅ«su attÄlus piemÄrotus tÄ«meklim. OptimizÄjot attÄlus, jÅ«s varat krasi ietekmÄt savu klientu iepirkÅ”anÄs pieredzi. PÄrliecinieties, vai jÅ«su produktu attÄli ir skaisti un Ätri ielÄdÄjami!
Ja esat tikai sava e-komercijas ceļojuma sÄkumÄ un jums ir jÄizveido tieÅ”saistes veikals, pÄrbaudiet 51ŹÓʵ no Lightspeed. Tas ļauj paÅ”am izveidot tieÅ”saistes veikalu, nav nepiecieÅ”amas kodÄÅ”anas vai dizaina prasmes. Lieliski, ja jums ir nepiecieÅ”ams pÄc iespÄjas ÄtrÄk sÄkt pÄrdoÅ”anu tieÅ”saistÄ!
