Kaip optimizuoti produktų vaizdus: instrukcijos ir ištekliai

Parašytas prieš 2 metų by Anastasija Prokofjeva

Produktų vaizdai padeda sudaryti sandorį, kai klientai apsilanko jūsų svetainėje. Norėdami išlaikyti jų susidomėjimą, turite turėti patrauklias nuotraukas, kurios greitai įkeliamos. Kitaip tariant, turite optimizuoti savo produktų vaizdus.

Jums gali kilti klausimas, kaip rasti optimalų vaizdo dydį, kaip suspausti vaizdus ir kaip optimizuoti vaizdus neprarandant kokybės.

Mes jus apėmėme. Šiame straipsnyje mes patenkame į smulkmeniškas vaizdo optimizavimo ir pažvelkite į turimus įrankius, kad darbą atliktumėte greitai ir lengvai.

Kodėl reikia optimizuoti vaizdus?

Vaizdai yra svarbi kiekvienos svetainės dalis. Tai ypač pasakytina apie el. prekybos svetainę. Nuotraukos daro įtaką klientams, kai jie svarsto ką nors nusipirkti. Jie papildo bendrą tinklalapio dizainą, padeda klientams pasirinkti produktą ir pagerina jūsų svetainės SEO.

Pavyzdžiui, norite neįkelti didelių failų. Jie gali sulėtinti jūsų puslapį, o tai paveiks jūsų paieškos variklio reitingą ir atstumia potencialius klientus. Pirkdamas internetu niekas nenori laukti, kol bus įkeltas puslapis. Štai kodėl turite optimizuoti savo produktų vaizdus.

Vaizdo matmenų ir proporcijų supratimas

Išsiaiškinkime, į ką reikia atkreipti dėmesį optimizuodami vaizdus.

Vaizdo dydis ir matmenys yra tikrai svarbūs. Šie parametrai turi įtakos failo dydžiui ir vaizdo išvaizdai skirtinguose įrenginiuose.

Dydis

Dabar yra era didelės raiškos ir didelis greitis Interneto, tačiau tai nereiškia, kad neturėtume jaudintis dėl vaizdų optimizavimo. Šiuolaikiniai fotoaparatai ir net išmanieji telefonai gali atlaikyti didelės raiškos vaizdai. Galbūt net esate paruošę tokias nuotraukas savo parduotuvei.

Tačiau kai vaizdai yra per dideli, jie netinka internetui. Jie sulėtina įkėlimo greitį, ypač telefone. Jei nenorite, kad lankytojai taptų nekantrūs ir išeitų iš jūsų parduotuvės, turėtumėte sumažinti savo nuotraukų dydį.

Vaizdas yra dviejų dydžių:

Nuotraukos dydis yra erdvė, kurią ekrane užima grafika. Šis dydis matuojamas pikseliais (px), kurie yra atskiri taškai, sudarantys ekraną. Ecwid parduotuvėje galite įkelti bet kokio dydžio vaizdus. Tada jie optimizuojami, kad atitiktų naršyklės lango plotį. Nepaisant to, geriausia produktų vaizdus sumažinti iki maždaug 1000 x 1000 px. Toks dydis yra pakankamai didelis, kad būtų rodomas produktas, ir pakankamai mažas, kad būtų galima greitai įkelti.
Failo dydis yra atminties vieta, kurią užima vaizdas. Šis dydis matuojamas baitais, tipiškas Kilo- (Kb), mega- (Mb) ir gigabaitų (Gb). Kuo didesnis vaizdo failo dydis, tuo daugiau vietos jam reikia saugoti.

Šio produkto vaizdo dydis yra 1920 × 1920, o failo dydis yra 272 kB

Didesni failai įkeliami ilgiau. Failų glaudinimo programinė įranga buvo sukurta siekiant kovoti su šia problema. Vaizdas paprastai suglaudinamas optimizuojant spalvų duomenis.

Tačiau stiprus suspaudimas pablogina vaizdų „kokybę“. Tai sukelia triukšmą arba staigų spalvų perėjimą.

Jei failo dydis yra apie 1000 px, geras suglaudinimas užims apie 200 kB.

Dabar sužinokime daugiau, kaip pasirinkti tinkamas nuotraukų proporcijas.

Proporcijos

Vaizdo proporcijos rodo plotis-aukštis santykis.

Kai kurie santykiai yra malonesni akiai nei kiti. Standartinis proporcijų rinkinys visada atrodo gražiai. Tai yra 1:1, 4:3, 3:2 ir 16:9.

Proporcijos yra svarbios, nes jos padeda apibrėžti jūsų svetainės išvaizdą. Siekite vienodų visų gaminių vaizdų proporcijų, kad parduotuvės vitrinos atrodytų struktūriškai ir profesionaliai.

Kaip pasirinkti vaizdo formatą

Kitas dalykas, kurį reikia nepamiršti norint gauti optimalų vaizdą, yra vaizdo formatas. Tai failo tipas, kuriame išsaugomas vaizdas.

Yra daugybė vaizdo formatų tipų. Kiekvienas iš jų turi savo privalumų ir trūkumų kokybės, suspaudimo ir palaikymo požiūriu. Turėtumėte pasirinkti formatą, kuris užtikrina aukščiausią kokybę ir mažiausią dydį.

Trys dažniausiai pasitaikantys formatai žiniatinklyje yra JPEG, PNG ir GIF. Kiekvienas turėtų būti naudojamas tam tikru būdu.

Išskaidykime formatus:

Pagal GIF (Graphics Interchange Format) gali saugoti suglaudintus duomenis neprarandant kokybės, naudojant ne daugiau kaip 256 spalvas. Formatas paprastai palaiko animaciją. Ilgą laiką GIF buvo labiausiai paplitęs formatas internete... kol atsirado PNG.
PNG (Portable Network Graphics) naudoja be nuostolių glaudinimą ir išsaugo neribotą skaičių spalvų.
JPEG (Joint Photography Experts Group, kūrėjo pavadinimas) yra tipiškiausias nuotraukų ir kitų vaizdų saugojimo formatas. JPEG algoritmas gali naudoti ir nuostolingą, ir be nuostolių glaudinimą (daugiau apie tai vėliau). Kuo didesnis failo dydis, tuo mažesni nuostoliai.

Kurį formatą turėtumėte pasirinkti? Jei turite animuotą paveikslėlį, tai yra lengva - GIF yra formatas, kurio ieškote. Bet kaip su JPEG ir PNG?

JPEG ir PNG failai yra panašūs, tačiau jie taip pat turi esminių skirtumų. JPEG yra mažesnio dydžio, nes juose naudojamas suspaudimo procesas, kuris pašalina kai kuriuos duomenis. Kita vertus, PNG palaiko skaidrų foną ir yra geresni grafiniam dizainui.

Bendra taisyklė yra naudoti JPG nuotraukoms ir vaizdams, kurių fonas nėra permatomas. Kalbant apie PNG, geriau juos naudoti grafikai, failams su skaidriu fonu ir kitiems vaizdams, kur svarbu aiškumas ir spalvų ryškumas. Taigi gaminių nuotraukoms tikslinga teikti pirmenybę JPEG, o ne PNG.

Ši gaminio nuotrauka yra JPEG formatu

Kaip suspausti vaizdus neprarandant kokybės

Suspaudimas padeda sumažinti vaizdo dydį. Kuo žemesnė kokybė, tuo didesnis suspaudimas ir mažesnis failo dydis.

Yra du suspaudimo tipai:

Lossy suspaudimas sumažina failo dydį pašalindama perteklinius duomenis. Tačiau tokiu būdu suglaudinus failą gali labai pablogėti vaizdo kokybė.
Praradimas be nuostolių yra technika, užtikrinanti aukštą failo kokybę. Tačiau tai nesumažins failo dydžio tiek, kiek nuostolingas suspaudimas. Jei reikia sumažinti failo dydį nepakenkiant kokybei, geriau pasirinkti glaudinimą be nuostolių.

Skaitykite toliau, kad sužinotumėte apie internetinius įrankius, kuriuos galite naudoti norėdami suspausti vaizdą neprarandant kokybės.

Kaip optimizuoti vaizdus žiniatinkliui: įrankių apžvalga

Norite išsiaiškinti, kaip optimizuoti svetainės vaizdus? Jums pasisekė, kad naudojate internetinius įrankius, kad automatiškai optimizuotumėte savo vaizdus, nepraleisdami valandų žiūrėdami „Photoshop“ mokymo programas.

Šios svetainės gali automatizuoti optimizavimą už jus:

Kaip optimizuoti vaizdo dydį: 4 paprasti įrankiai

Jei ieškote failo dydžio mažinimo priemonės, patikrinkite vieną iš šių paslaugų. Jie yra nemokami arba turi nemokamą bandomąją versiją:

TinyJPG: sumažina JPEG vaizdų failo dydį. Pasak jų svetainės, tai gali jį sumažinti daugiau nei 70%!
TinyPNG: tas pats vaizdo kompresorius, tik PNG failams.
Squoosh: vaizdo kompresoriaus žiniatinklio programa, kuri sumažina vaizdo dydžius įvairiais formatais.
JPEGminiai: nuotraukų kompresorius JPEG failams. Jame yra daugiau pažangių funkcijų, kurios yra naudingos fotografams, įskaitant nuotraukų eksportavimą tiesiai iš „Lightroom“ ir „Photoshop“.
ImageOptim: vaizdo optimizavimo priemonė, skirta „Mac“ įrenginiams. Norėdami naudoti, turite jį atsisiųsti.

Vaizdų optimizavimas naudojant JPEGmini

Jei turite „Ecwid“ parduotuvę, galite naudoti SEO greičio ir vaizdo optimizavimo priemonė programa iš Ecwid App Market. Programėlė leidžia vienu paspaudimu produktų vaizdų optimizavimas ir glaudinimas, kuris prisideda prie greitesnio produkto puslapio įkėlimo laiko.

Kaip optimizuoti „WordPress“ vaizdus

Jei turite „WordPress“ svetainę, galite naudoti vaizdo optimizavimo priemonę ir glaudinimo papildinius. Jie padeda automatiškai optimizuoti vaizdus „WordPress“ svetainėse, užtikrinant didesnį greitį ir našumą.

Beje, jei ieškote el. prekybos papildinio savo „WordPress“ svetainei, peržiūrėkite tai Ecwid pagal Lightspeed papildinį. Tai leidžia lengvai pridėti internetinę parduotuvę prie savo „WordPress“ svetainės. Įdiegus papildinį automatiškai sukuriamas parduotuvės puslapis, kuriame klientai gali apsipirkti jūsų svetainėje.

EWWW Vaizdo optimizavimo
EWWW Vaizdo optimizavimo yra vienas geriausių „WordPress“ papildinių, skirtų suspausti nuotraukas ir optimizuoti jūsų svetainės vaizdus. Visas vaizdų optimizavimo procesas yra automatizuotas. Tai apima vaizdų glaudinimą ir mastelio keitimą, kad jie atitiktų tinkamo dydžio puslapį ir įrenginį. Papildinys yra pagal prenumeratą bet siūlo a 7 dienų nemokamas bandymas.

Suspausti JPEG ir PNG
Suspausti JPEG ir PNG yra mūsų jau teikiamų paslaugų komandos sukurtas papildinys paminėtas – TinyPNG ir TinyJPG. Jis automatiškai suglaudina vaizdus įkeliant. Taip pat galite masiškai optimizuoti senesnius vaizdus. Naudodami nemokamą paskyrą galite optimizuoti 500 vaizdų kiekvieną mėnesį.

reSmush.it
reSmush.it yra nemokamas „WordPress“ vaizdo glaudinimo papildinys, skirtas failams iki 5 MB. Galite automatiškai optimizuoti vaizdus įkeldami, masiškai optimizuoti senesnius vaizdus ir išskirti kai kurias nuotraukas iš optimizavimo priemonės.

Daugiau automatizuotų vaizdo optimizavimo įrankių

Bet ką daryti, jei neturite „WordPress“ svetainės? Neabejotinai reikia rankiniu būdu optimizuoti daugybę nuotraukų laiko. Laimei, yra keletas internetinių įrankių, leidžiančių automatiškai sumažinti failų dydį pagerinti svetainės greitį.

ImageRecycle
ImageRecycle palaiko įvairius vaizdo formatus, tokius kaip JPEG, PNG, GIF ir net PDF failus.

Įrankis gali nustatyti, kuriuos vaizdus jūsų svetainėje reikia optimizuoti pagal vaizdo dydį ir matmenis. Tiesiog įveskite savo svetainės adresą ir ImageRecycle atsiųs jums nemokamą ataskaitą el. paštu. Jie taip pat turi nemokamą bandomąją versiją, kad galėtumėte pamatyti, kaip veikia jų optimizavimo įrankis.

ImageKit.io
ImageKit.io yra ne įprastas vaizdo kompresorius, o vaizdo CDN (turinio pristatymo tinklas). Jis optimizuoja, keičia dydį ir siunčia vaizdus per savo pasaulinį serverių tinklą. Galite užsiregistruoti visam laikui nemokamam planui.

Produktų vaizdų redagavimo įrankiai

Jei neprieštaraujate patys redaguoti paveikslėlius ir nebijote šiek tiek pasidaryk pats, jums gali būti naudingi nuotraukų redagavimo įrankiai. Štai keletas iš jų:

"Photoshop"
„Photoshop“ siūlo nemokamą internetinis redaktorius pagrindiniam vaizdo manipuliavimui (pvz., vaizdų apkarpymui arba dydžio keitimui). Tai taip pat leidžia pašalinti foną iš nuotraukų ir tiksliai suderinti nuotraukas naudojant įvairius nustatymus, pvz., kontrastą, ryškumą, sodrumą, šilumą ar ryškinimą.

Internetiniame „Photoshop“ redaktoriuje yra dizaino šablonų, kuriuos galite naudoti

GIMP
GIMP yra nemokama programa, tinkanti „Windows“, „Mac“ ir „Linux“. Jame yra viskas, ko reikia profesionaliai grafikai ir nuotraukoms, įskaitant sluoksnių ir kaukių, spalvų korekcijos, retušavimo ir dažymo įrankius. GIMP palaiko visus pagrindinius vaizdo failų formatus.

PicMonkey
PicMonkey yra internetinis redaktorius su paprasta sąsaja ir visomis pagrindinėmis funkcijomis, tokiomis kaip apkarpymas, sukimas, ryškumo valdymas, darbas su spalvomis ir raiškos nuotraukų pasirinkimas. Jame pateikiami šablonai, skirti vaizdams kurti skelbimams, socialiniams įrašams, logotipams, infografikai ir kt. Jame yra a 7 dienų nemokamas bandymas.

Pixlr
Pixlr siūlo nemokamą internetinį redaktorių ir dizaino išteklius pradedantiesiems ir profesionalams. Jame yra spalvų, piešimo ir nuotraukų redagavimo įrankių. Naudodami Pixlr dirbate su sluoksniais ir naudojate skirtingus efektus bei filtrus. Jei jus domina, galite Bandomasis važiavimas priemokos planas nemokamai 30 dienų.

Daugiau apie vaizdo optimizavimą

Dideli vaizdai gali sulėtinti jūsų svetainę, todėl svarbu juos optimizuoti žiniatinkliui. Jei pakeisite dydį ir suglaudinsite savo nuotraukoms tinkamą vaizdo formatą, galite padaryti stebuklus, kad jūsų svetainė būtų įkelta sparčiai.

Ir dabar jūs žinote gerą naujieną: optimizuoti labai paprasta! Taip pat galite grįžti ir peržiūrėti šį straipsnį, kai tik prireiks.

Jei esate labiau pažengęs vartotojas ir norite sužinoti daugiau apie tai, kaip optimizuoti vaizdus SEO, rekomenduojame pažiūrėti šį „Google“ vaizdo įrašą. Jame pateikiami keli pažangūs patarimai, kaip optimizuoti vaizdus svetainėje. Žiūrėkite čia:

Nesvarbu, kiek patyręs esate el. prekybos savininkas, niekada nepamirškite apie vaizdo optimizavimą. Net ir paprasčiausi įrankiai gali padaryti jūsų nuotraukas tinkamas žiniatinklyje. Optimizuodami nuotraukas galite drastiškai paveikti klientų apsipirkimo patirtį. Įsitikinkite, kad jūsų produktų vaizdai yra gražūs ir greitai įkeliami!

Jei dar tik pradedate savo el. prekybos kelią ir norite sukurti internetinę parduotuvę, patikrinkite Ecwid iš Lightspeed. Tai leidžia patiems susikurti nemokamą internetinę parduotuvę, nereikia jokių kodavimo ar projektavimo įgūdžių. Puikiai tinka, jei reikia kuo greičiau pradėti prekiauti internetu!

Apie autorių

Anastasija Prokofjeva yra „Ecwid“ turinio rašytoja. Ji rašo apie internetinę rinkodarą ir reklamą, kad verslininkų kasdienybė būtų lengvesnė ir naudingesnė. Ji taip pat turi minkštą vietą katėms, šokoladui ir namuose gamina kombucha.