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. ºÚÁÏÃÅ 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.
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/how-to-optimize-image-size-1653562200-1024x1024.jpg)
Å Ä« 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.
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/how-to-optimize-images-1653562212-1024x683.jpg)
Å 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Ä“.
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/how-to-optimize-images-for-website-1653562205-1024x833.png)
Attēlu optimizēšana, izmantojot JPEGmini
Ja jums ir ºÚÁÏÃÅ veikals, varat izmantot SEO Ätruma un attÄ“lu optimizÄ“tÄjs lietotni no ºÚÁÏÃÅ 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.
![](https://don16obqbay2c.cloudfront.net/wp-content/uploads/how-to-optimize-images-without-losing-quality-1653562210.png)
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 ºÚÁÏÃÅ no Lightspeed. Tas ļauj paÅ¡am izveidot bezmaksas 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Ä“!