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ē!
