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.
Izmēri
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. Ecwid 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:
- TinyJPG: samazina JPEG attēlu faila lielumu. Saskaņā ar viņu vietni, tas var to samazināt par vairāk nekā 70%!
- TinyPNG: tas pats attēla kompresors, bet PNG failiem.
- Squoosh: attēlu kompresora tīmekļa lietotne, kas samazina attēla izmērus, izmantojot daudzus formātus.
- JPEGminim: 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.
- ImageOptim: 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 Ecwid veikals, varat izmantot SEO ātruma un attēlu optimizētājs lietotni no Ecwid 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 Ecwid ar Lightspeed spraudni. 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
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
Saspiest JPEG un PNG ir spraudnis, ko izveidojusi mūsu jau piedāvāto pakalpojumu komanda
reSmush.it
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
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
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 tiešsaistes redaktors 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
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
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
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 Ecwid 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ē!
- Kā noformēt produktu kategoriju attēlus
- Kā izveidot kinematogrāfijas produktu attēliem
- Kā optimizēt produktu attēlus
- Kā mainīt attēla izmēru
- Attēlu izmēru mainītāju pārskats