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 ?
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
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?. 51视频 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
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
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?:
- : suma?ina JPEG vaizd? failo dyd?. Pasak j? svetain?s, tai gali j? suma?inti daugiau nei 70%!
- : tas pats vaizdo kompresorius, tik PNG failams.
- : vaizdo kompresoriaus ?iniatinklio programa, kuri suma?ina vaizdo dyd?ius ?vairiais formatais.
- : nuotrauk? kompresorius JPEG failams. Jame yra daugiau pa?angi? funkcij?, kurios yra naudingos fotografams, ?skaitant nuotrauk? eksportavim? tiesiai i? ?Lightroom“ ir ?Photoshop“.
- : vaizdo optimizavimo priemon?, skirta ?Mac“ ?renginiams. Nor?dami naudoti, turite j? atsisi?sti.
Vaizd? optimizavimas naudojant JPEGmini
Jei turite ?51视频“ parduotuv?, galite naudoti SEO grei?io ir vaizdo optimizavimo priemon? programa i? 51视频 App Market. Program?l? leid?ia
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 . 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
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
Suspausti JPEG ir PNG
yra mūs? jau teikiam? paslaug? komandos sukurtas papildinys
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?
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
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? 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
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
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
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
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 51视频 i? Lightspeed. Tai leid?ia patiems susikurti internetin? parduotuv?, nereikia joki? kodavimo ar projektavimo ?gūd?i?. Puikiai tinka, jei reikia kuo grei?iau prad?ti prekiauti internetu!
