Slike izdelkov pomagajo skleniti posel, ko stranke obi??ejo va?e spletno mesto. ?e ?elite ohraniti njihovo zanimanje, morate imeti privla?ne fotografije, ki se hitro nalo?ijo. Z drugimi besedami, optimizirati morate slike svojih izdelkov.
Morda se spra?ujete, kako najti optimalno velikost slike, kako stisniti slike in kako optimizirati slike, ne da bi pri tem izgubili kakovost.
Poskrbeli smo za vas. V tem ?lanku se poglobimo v
Zakaj morate optimizirati slike?
Slike so pomemben del vsake spletne strani. To ?e posebej velja za spletno mesto za e-trgovino. Slike vplivajo na stranke, ko razmi?ljajo o nakupu. Dodajo k splo?ni zasnovi spletne strani, strankam pomagajo pri izbiri izdelka in izbolj?ajo SEO va?ega spletnega mesta.
Na primer, ?elite se izogniti nalaganju velikih datotek. Lahko upo?asnijo va?o stran, kar vpliva na va?o uvrstitev v iskalniku in odganja potencialne stranke. Nih?e ne ?eli ?akati, da se stran nalo?i, medtem ko nakupuje v spletu. Zato morate optimizirati slike svojih izdelkov.
Razumevanje dimenzij in proporcev slike
Ugotovimo, na kaj morate biti pozorni pri optimizaciji slik.
Velikost in dimenzije slike so zelo pomembne. Ti parametri vplivajo na velikost datoteke in videz slike na razli?nih napravah.
Velikosti
Zdaj je obdobje
?e pa so slike prevelike, niso primerne za internet. Upo?asnijo hitrost nalaganja, zlasti na telefonu. ?e ne ?elite, da va?i obiskovalci postanejo nestrpni in zapustijo va?o trgovino, zmanj?ajte velikost svojih slik.
Slika ima dve velikosti:
- Velikost slike je prostor, ki ga grafika zaseda na zaslonu. Ta velikost se meri v slikovnih pikah (px), ki so posamezne to?ke, ki sestavljajo zaslon. V trgovino 51视频 lahko nalo?ite slike poljubne velikosti. Nato se optimizirajo, da ustrezajo ?irini okna brskalnika. Kljub temu je najbolje, da slike izdelkov zmanj?ate na pribli?no 1000 x 1000 slikovnih pik. Ta velikost je dovolj velika za prikaz izdelka in dovolj majhna za hitro nalaganje.
- Velikost datoteke je pomnilni?ki prostor, ki ga slika zavzame. Ta velikost se obi?ajno meri v bajtih
Kilo- (Kb),mega- (Mb) in gigabajtov (Gb). Ve?ja kot je datoteka slike, ve? prostora za shranjevanje potrebuje.
Velikost slike tega izdelka je 1920×1920, velikost datoteke pa je 272 kB
Ve?je datoteke se nalagajo dlje. Za boj proti tej te?avi je bila razvita programska oprema za stiskanje datotek. Slika je obi?ajno stisnjena z optimizacijo barvnih podatkov.
Vendar mo?no stiskanje poslab?a "kakovost" slik. Povzro?a ?um ali nenaden barvni prehod.
Pri velikosti datoteke pribli?no 1000 px bo dobro stiskanje zavzelo pribli?no 200 kB.
Zdaj pa se nau?imo ve? o tem, kako izbrati prava razmerja za va?e slike.
Sorazmerje
Proporci slike ka?ejo na
Nekatera razmerja so bolj prijetna za oko kot druga. Standardni nabor razmerij vedno izgleda lepo. To so 1:1, 4:3, 3:2 in 16:9.
??Proporci so pomembni, saj pomagajo definirati videz va?ega spletnega mesta. Prizadevajte si za enaka razmerja za vse slike svojih izdelkov, da bo va?a izlo?ba strukturirana in profesionalna.
Kako izbrati format slike
?e ena stvar, ki jo morate upo?tevati za optimalno slikanje, je format slike. To je vrsta datoteke, v kateri je shranjena slika.
Obstaja veliko vrst slikovnih formatov. Vsak ima svoje prednosti in slabosti v smislu kakovosti, stiskanja in podpore. Izbrati morate format, ki zagotavlja najvi?jo kakovost z najmanj?o velikostjo.
Trije najpogostej?i formati v spletu so JPEG, PNG in GIF. Vsakega je treba uporabiti na poseben na?in.
Raz?lenimo formate:
- GIF (Graphics Interchange Format) je zmo?en shranjevanja stisnjenih podatkov brez izgube kakovosti z uporabo najve? 256 barv. Format obi?ajno podpira animacije. Dolgo ?asa so bili GIF najpogostej?i format na internetu ... dokler se ni pojavil PNG.
- PNG (Portable Network Graphics) uporablja stiskanje brez izgub in shranjuje neomejeno ?tevilo barv.
- JPEG (Joint Photographic Experts Group, ime razvijalca) je najbolj zna?ilen format za shranjevanje fotografij in drugih slik. Algoritem JPEG lahko uporablja stiskanje z izgubami in brez izgub (ve? o tem kasneje.) Ve?ja kot je velikost datoteke, manj?a je izguba.
Katero obliko izbrati? ?e imate animirano sliko, je to
Datoteke JPEG in PNG so podobne, vendar imajo tudi bistvene razlike. JPEG so manj?e velikosti, ker uporabljajo postopek stiskanja, ki odstrani nekatere podatke. PNG pa podpirajo prosojna ozadja in so bolj?i za grafi?no oblikovanje.
Splo?no pravilo je uporaba datotek JPG za fotografije in slike, ki nimajo prosojnega ozadja. Kar zadeva PNG, jih je bolje uporabiti za grafike, datoteke s prozornim ozadjem in druge slike, kjer sta pomembni jasnost in ?ivahnost barv. Zato je za fotografije izdelkov smiselno dati prednost JPEG kot PNG.
Ta fotografija izdelka je v formatu JPEG
Kako stisniti slike brez izgube kakovosti
Stiskanje pomaga zmanj?ati velikost slike. Ni?ja kot je kakovost, ve?ja je kompresija in manj?a je velikost datoteke.
Obstajata dve vrsti stiskanja:
- Stiskanje izgube zmanj?a velikost datoteke z odstranitvijo odve?nih podatkov. ?e pa datoteko stisnete na ta na?in, lahko znatno poslab?a kakovost slike.
- Stiskanje brez izgube je tehnika, ki ohranja visoko kakovost datoteke. Vendar pa ne bo tako zmanj?al velikosti datoteke kot stiskanje z izgubo. ?e morate zmanj?ati velikost datoteke brez opaznega vpliva na kakovost, je bolje izbrati stiskanje brez izgub.
Berite naprej, ?e ?elite izvedeti ve? o spletnih orodjih, ki jih lahko uporabite za stiskanje slike brez izgube kakovosti.
Kako optimizirati slike za splet: Pregled orodij
?elite ugotoviti, kako optimizirati slike za spletno mesto? Na va?o sre?o uporabljate spletna orodja za samodejno optimiziranje slik, ne da bi porabili ure za gledanje vadnic za Photoshop.
Naslednja spletna mesta lahko namesto vas avtomatizirajo optimizacijo:
Kako optimizirati velikost slike: 4 preprosta orodja
?e i??ete zmanj?evalec velikosti datoteke, si oglejte eno od naslednjih storitev. So brezpla?ni ali imajo brezpla?ne preizkuse:
- : zmanj?a velikost datoteke slik JPEG. Glede na njihovo spletno stran, ga lahko zmanj?a za ve? kot 70%!
- : isti kompresor slik, vendar za datoteke PNG.
- : spletna aplikacija za stiskanje slik, ki zmanj?a velikost slik v ?tevilnih formatih.
- : kompresor fotografij za datoteke JPEG. Ima naprednej?e funkcije, ki so v pomo? fotografom, vklju?no z izva?anjem fotografij neposredno iz Lightrooma in Photoshopa.
- : optimizator slike za naprave Mac. Za uporabo ga morate prenesti.
Optimizacija slik z JPEGmini
?e imate trgovino 51视频, lahko uporabite SEO hitrost in optimizator slike aplikacijo iz trgovine 51视频 App Market. Aplikacija omogo?a
Kako optimizirati slike za WordPress
?e imate spletno mesto WordPress, lahko uporabite vti?nike za optimiziranje slik in stiskanje. Pomagajo vam samodejno optimizirati slike na spletnih mestih WordPress, kar omogo?a ve?jo hitrost in zmogljivost.
Mimogrede, ?e i??ete vti?nik za e-trgovino za va?e spletno mesto WordPress, si oglejte to . Omogo?a vam preprosto dodajanje spletne trgovine na va?e spletno mesto WordPress. Ko je vti?nik name??en, samodejno ustvari stran trgovine, kjer lahko va?e stranke nakupujejo na va?em spletnem mestu.
Ewww Optimizer slike
je eden najbolj?ih vti?nikov WordPress za stiskanje fotografij in optimizacijo slik na va?em spletnem mestu. Celoten proces optimizacije slik je avtomatiziran. To vklju?uje stiskanje slik in prilagajanje velikosti, da ustrezajo strani in napravi prave velikosti. Vti?nik je
Stisnite JPEG & PNG
je vti?nik, ki ga je ustvarila ekipa, ki stoji za storitvami, ki jih ?e imamo
reSmush.it
je brezpla?en WordPress vti?nik za stiskanje slik za datoteke do 5 MB. Slike lahko samodejno optimizirate ob nalaganju, mno?i?no optimizirate starej?e slike in izklju?ite nekatere slike iz optimizatorja.
Ve? avtomatiziranih orodij za optimizacijo slike
Kaj pa, ?e nimate spletnega mesta WordPress? Ro?na optimizacija velikega ?tevila fotografij je vsekakor
ImageRecycle
podpira razli?ne formate slik, kot so JPEG, PNG, GIF in celo datoteke PDF.
Orodje lahko dolo?i, katere slike na va?em spletnem mestu je treba optimizirati glede na velikost in dimenzijo slike. Samo vnesite naslov svojega spletnega mesta in ImageRecycle vam bo poslal brezpla?no poro?ilo po e-po?ti. Imajo tudi brezpla?no preskusno razli?ico, tako da lahko vidite njihovo orodje za optimizacijo v akciji.
ImageKit.io
ni obi?ajen kompresor slik, ampak CDN (omre?je za dostavo vsebin). Optimizira, spreminja velikost in po?ilja slike prek svojega globalnega omre?ja stre?nikov. Lahko se prijavite za ve?no brezpla?en na?rt.
Orodja za urejanje slik izdelkov
?e vas ne moti, da sami urejate slike in se ne bojite malo DIY, vam bodo morda v pomo? orodja za urejanje fotografij. Tukaj je nekaj izmed njih:
photoshop
Photoshop ponuja brezpla?no za osnovno obdelavo slik (kot je obrezovanje ali spreminjanje velikosti slik). Omogo?a tudi odstranjevanje ozadja s slik in natan?no nastavitev fotografij z razli?nimi nastavitvami, kot so kontrast, svetlost, nasi?enost, toplina ali ostrina.
Spletni urejevalnik Photoshop ima predloge za oblikovanje, ki jih lahko uporabite
GIMP
je brezpla?en program, primeren za Windows, Mac in Linux. Ponuja vse, kar potrebujete za profesionalno grafiko in fotografije, vklju?no z orodji za plasti in maske, barvno korekcijo, retu?iranje in slikanje. GIMP podpira vse glavne formate slikovnih datotek.
PicMonkey
je spletni urejevalnik s preprostim vmesnikom in vsemi osnovnimi funkcijami, kot so obrezovanje, vrtenje, nadzor ostrine, delo z barvami in izbira lo?ljivosti fotografij. Ponuja predloge za ustvarjanje slik za oglase, objave v dru?abnih omre?jih, logotipe, infografiko in drugo. Ima a
Pixlr
ponuja brezpla?en spletni urejevalnik in oblikovalske vire za za?etnike in profesionalce. Ima orodja za barve, risanje in urejanje fotografij. S Pixlr delate s plastmi in uporabljate razli?ne u?inke in filtre. ?e te zanima, lahko
Ve? o optimizaciji slik
Velike slike lahko upo?asnijo va?e spletno mesto, zato je pomembno, da jih optimizirate za splet. Iskanje pravega formata slike za va?e slike s spreminjanjem velikosti in stiskanjem lahko naredi ?ude?e za hitrost nalaganja va?ega spletnega mesta.
In zdaj veste dobro novico: optimizacijo je zelo preprosto narediti! Prav tako se lahko vrnete in se obrnete na ta ?lanek, kadar koli ga potrebujete.
?e ste naprednej?i uporabnik in ?elite izvedeti ve? o tem, kako optimizirati slike za SEO, priporo?amo ogled tega Googlovega videoposnetka. Vsebuje nekaj naprednih nasvetov za optimizacijo va?ih slik za spletno mesto. Oglejte si ga tukaj:
Ne glede na to, kako izku?eni ste kot lastnik e-trgovine, nikoli ne pozabite na optimizacijo slik. Tudi najpreprostej?a orodja lahko naredijo va?e slike primerne za splet. Z optimizacijo svojih slik lahko drasti?no vplivate na nakupovalno izku?njo svojih strank. Poskrbite, da bodo slike va?ih izdelkov lepe in se hitro nalo?ijo!
?e ste ?ele na za?etku svoje poti e-trgovine in morate ustvariti spletno trgovino, si oglejte 51视频 proizvajalca Lightspeed. Omogo?a vam, da sami postavite spletno trgovino, ne potrebujete nobenih ve??in kodiranja ali oblikovanja. Popolno, ?e morate ?im prej za?eti prodajati prek spleta!
