Slike proizvoda poma?u u sklapanju posla kada kupci posjete va?u web-lokaciju. Kako biste zadr?ali njihov interes, morate imati atraktivne fotografije koje se brzo u?itavaju. Drugim rije?ima, trebate optimizirati slike svojih proizvoda.
Mo?da se pitate kako prona?i optimalnu veli?inu slike, kako komprimirati slike i kako optimizirati slike bez gubitka kvalitete.
Pokrivamo vas. U ovom ?lanku ulazimo u
Za?to trebate optimizirati slike?
Slike su va?an dio svake web stranice. To posebno vrijedi za web mjesto za e-trgovinu. Slike utje?u na kupce kada razmi?ljaju o kupnji ne?ega. Oni pridonose cjelokupnom dizajnu web-stranice, poma?u korisnicima u odabiru proizvoda i pobolj?avaju SEO va?e web-lokacije.
Na primjer, ?elite izbje?i u?itavanje velikih datoteka. Oni mogu usporiti va?u stranicu, ?to utje?e na rangiranje va?e tra?ilice i tjera potencijalne kupce. Nitko ne ?eli ?ekati da se stranica u?ita dok kupuje na mre?i. Zato morate optimizirati slike svojih proizvoda.
Razumijevanje dimenzija i proporcija slike
Otkrijmo na ?to trebate obratiti pozornost kada optimizirate svoje slike.
Veli?ina i dimenzije slike su jako va?ne. Ovi parametri utje?u na veli?inu datoteke i izgled slike na razli?itim ure?ajima.
Veli?ina
Sada je doba
Me?utim, kada su slike prevelike, nisu prikladne za Internet. Usporavaju brzinu u?itavanja, posebno na telefonu. Ako ne ?elite da va?i posjetitelji postanu nestrpljivi i napuste va?u trgovinu, trebali biste smanjiti veli?inu svojih slika.
Slika ima dvije veli?ine:
- Veli?ina slike je prostor koji grafika zauzima na ekranu. Ova veli?ina se mjeri u pikselima (px), koji su pojedina?ne to?ke koje ?ine zaslon. Mo?ete u?itati slike bilo koje veli?ine na 51视频 trgovinu. Zatim se optimiziraju kako bi odgovarali ?irini prozora preglednika. Unato? tome, najbolje je smanjiti slike proizvoda na otprilike 1000 x 1000 px. Ta je veli?ina dovoljno velika za prikaz proizvoda i dovoljno mala za brzo u?itavanje.
- Veli?ina datoteke je memorijski prostor koji slika zauzima. Ova veli?ina se mjeri u bajtovima, tipi?no
Kilo- (Kb),mega (Mb) i gigabajti (Gb). ?to je ve?a veli?ina datoteke slike, potrebno je vi?e prostora za pohranu.
Veli?ina slike ovog proizvoda je 1920×1920, a veli?ina datoteke je 272 kB
U?itavanje ve?ih datoteka traje du?e. Za rje?avanje ovog problema razvijen je softver za kompresiju datoteka. Slika se obi?no komprimira optimizacijom podataka o boji.
Me?utim, jaka kompresija smanjuje "kvalitetu" slika. Uzrokuje ?um ili nagli prijelaz boja.
Za veli?inu datoteke od oko 1000 px, dobra kompresija ?e zauzeti oko 200 kB.
Nau?imo sada vi?e o tome kako odabrati prave proporcije za svoje slike.
Proporcije
Proporcije slike pokazuju
Neki omjeri su oku ugodniji od drugih. Standardni skup proporcija uvijek izgleda lijepo. To su 1:1, 4:3, 3:2 i 16:9.
??Proporcije su va?ne jer poma?u u definiranju izgleda va?e stranice. Te?ite istim omjerima za sve svoje slike proizvoda kako biste svom izlogu dali strukturiran i profesionalan izgled.
Kako odabrati format slike
Jo? jedna stvar koju treba imati na umu za optimalno snimanje je format slike. To je vrsta datoteke u koju se sprema slika.
Postoje mnoge vrste slikovnih formata. Svaki ima svoje prednosti i nedostatke u pogledu kvalitete, kompresije i podr?ke. Trebali biste odabrati format koji pru?a najve?u kvalitetu uz najmanju veli?inu.
Tri naj?e??a formata na webu su JPEG, PNG i GIF. Svaki treba koristiti na specifi?an na?in.
Razdvojimo formate:
- GIF (Graphics Interchange Format) mo?e pohraniti komprimirane podatke bez gubitka kvalitete koriste?i najvi?e 256 boja. Format obi?no podr?ava animacije. Dugo su GIF-ovi bili naj?e??i format na Internetu... sve dok se nije pojavio PNG.
- PNG (Portable Network Graphics) koristi kompresiju bez gubitaka i pohranjuje neograni?en broj boja.
- JPEG (Joint Photographic Experts Group, naziv programera) je najtipi?niji format za pohranu fotografija i drugih slika. JPEG algoritam mo?e koristiti i kompresiju s gubicima i bez gubitaka (vi?e o tome kasnije.) ?to je ve?a veli?ina datoteke, manji je gubitak.
Koji format odabrati? Ako imate animiranu sliku, to je
JPEG i PNG datoteke su sli?ne, ali imaju i bitne razlike. JPEG-ovi su manje veli?ine jer koriste proces kompresije koji uklanja neke podatke. PNG, s druge strane, podr?avaju transparentne pozadine i bolji su za grafi?ki dizajn.
Op?enito je pravilo koristiti JPG za fotografije i slike koje nemaju prozirnu pozadinu. ?to se ti?e PNG-a, bolje ga je koristiti za grafike, datoteke s prozirnom pozadinom i druge slike gdje su jasno?a i ?ivahnost boja va?ni. Dakle, za fotografije proizvoda ima smisla preferirati JPEG nego PNG.
Ova fotografija proizvoda je u JPEG formatu
Kako komprimirati slike bez gubitka kvalitete
Kompresija poma?e smanjiti veli?inu slike. ?to je ni?a kvaliteta, ve?a je kompresija i manja veli?ina datoteke.
Postoje dvije vrste kompresije:
- Kompresija gubitaka smanjuje veli?inu datoteke uklanjanjem suvi?nih podataka. Me?utim, kada komprimirate datoteku na ovaj na?in, to mo?e zna?ajno pogor?ati kvalitetu slike.
- Kompresija bez gubitaka je tehnika koja odr?ava visoku kvalitetu datoteke. Me?utim, ne?e toliko smanjiti veli?inu datoteke kao kompresija s gubitkom. Ako trebate smanjiti veli?inu datoteke bez vidljivog utjecaja na kvalitetu, bolje je odabrati kompresiju bez gubitaka.
?itajte dalje kako biste saznali vi?e o online alatima koje mo?ete koristiti za komprimiranje slike bez gubitka kvalitete.
Kako optimizirati slike za web: Pregled alata
?elite li saznati kako optimizirati slike za web stranicu? Sre?om po vas, koristite online alate za automatsku optimizaciju svojih slika bez tro?enja sati gledaju?i Photoshop vodi?e.
Sljede?e web stranice mogu automatizirati optimizaciju za vas:
Kako optimizirati veli?inu slike: 4 jednostavna alata
Ako tra?ite reduktor veli?ine datoteke, pogledajte jednu od sljede?ih usluga. Ili su besplatni ili imaju besplatne probe:
- : smanjuje veli?inu datoteke JPEG slika. Prema njihovoj stranici, mo?e ga smanjiti za vi?e od 70%!
- : isti kompresor slike ali za PNG datoteke.
- : web aplikacija za kompresiju slika koja smanjuje veli?inu slike kroz brojne formate.
- : kompresor fotografija za JPEG datoteke. Ima naprednije zna?ajke koje su korisne fotografima, uklju?uju?i izvoz fotografija izravno iz Lightrooma i Photoshopa.
- : optimizator slike za Mac ure?aje. Morate ga preuzeti da biste ga koristili.
Optimiziranje slika s JPEGmini
Ako imate trgovinu 51视频, mo?ete koristiti SEO brzina i optimizator slike aplikaciju s 51视频 App Marketa. Aplikacija omogu?uje
Kako optimizirati slike za WordPress
Ako imate WordPress web mjesto, mo?ete koristiti optimizator slike i dodatke za kompresiju. Poma?u vam da automatski optimizirate slike na WordPress stranicama, omogu?uju?i bolju brzinu i performanse.
Usput, ako tra?ite dodatak za e-trgovinu za svoje WordPress web mjesto, pogledajte ovo . Omogu?uje vam jednostavno dodavanje online trgovine na va?u WordPress stranicu. Nakon instaliranja, dodatak automatski stvara stranicu trgovine na kojoj va?i kupci mogu kupovati na va?oj web stranici.
EWWW optimizaciju slike
je jedan od najboljih WordPress dodataka za komprimiranje fotografija i optimizaciju slika na va?oj web stranici. Cijeli proces optimizacije slika je automatiziran. To uklju?uje komprimiranje slika i skaliranje kako bi odgovarale stranici odgovaraju?e veli?ine i ure?aju. Dodatak je
Komprimirajte JPEG i PNG
je dodatak koji je izradio tim koji stoji iza usluga koje ve? imamo
reSmush.it
je besplatni WordPress dodatak za kompresiju slika za datoteke do 5 MB. Mo?ete automatski optimizirati slike pri prijenosu, skupno optimizirati starije slike i isklju?iti neke slike iz optimizatora.
Vi?e automatiziranih alata za optimizaciju slike
Ali ?to ako nemate WordPress web mjesto? Ru?no optimiziranje velikog broja fotografija je definitivno
ImageRecycle
podr?ava razli?ite formate slika, kao ?to su JPEG, PNG, GIF, pa ?ak i PDF datoteke.
Alat mo?e odrediti koje slike na va?oj web stranici treba optimizirati na temelju veli?ine i dimenzije slike. Samo unesite adresu svoje web stranice i ImageRecycle ?e vam poslati besplatno izvje??e putem e-po?te. Imaju i besplatnu probnu verziju tako da mo?ete vidjeti njihov alat za optimizaciju na djelu.
ImageKit.io
nije obi?ni kompresor slika ve? CDN slika (mre?a za isporuku sadr?aja). Optimizira, mijenja veli?inu i ?alje slike kroz svoju globalnu mre?u poslu?itelja. Mo?ete se prijaviti za zauvijek besplatan plan.
Alati za ure?ivanje slika proizvoda
Ako vam ne smeta da sami ure?ujete slike i ne bojite se malo DIY, mo?da ?e vam pomo?i alati za ure?ivanje fotografija. Evo nekih od njih:
Photoshop
Photoshop nudi besplatnu za osnovnu manipulaciju slikama (kao ?to je obrezivanje ili promjena veli?ine slika). Tako?er vam omogu?uje uklanjanje pozadine sa slika i fino pode?avanje va?ih fotografija razli?itim postavkama kao ?to su kontrast, svjetlina, zasi?enost, toplina ili izo?travanje.
Online Photoshop editor ima predlo?ke dizajna koje mo?ete koristiti
GIMP
je besplatan program prikladan za Windows, Mac i Linux. Nudi sve ?to vam je potrebno za profesionalnu grafiku i fotografije, uklju?uju?i alate za slojeve i maske, korekciju boja, retu?iranje i slikanje. GIMP podr?ava sve glavne formate slikovnih datoteka.
PicMonkey
je mre?ni ure?iva? s jednostavnim su?eljem i svim osnovnim funkcijama, poput rezanja, rotiranja, kontrole o?trine, rada s bojom i odabira rezolucije fotografija. Omogu?uje predlo?ke za izradu slika za oglase, objave na dru?tvenim mre?ama, logotipove, infografike i jo? mnogo toga. Ima a
Pixlr
nudi besplatni mre?ni ure?iva? i resurse za dizajn za po?etnike i profesionalce. Ima alate za boje, crtanje i ure?ivanje fotografija. Uz Pixlr radite sa slojevima i koristite razli?ite efekte i filtre. Ako ste zainteresirani, mo?ete
Vi?e o optimizaciji slike
Velike slike mogu usporiti va?u web stranicu, stoga je va?no optimizirati ih za web. Pronala?enje pravog formata slike za va?e slike promjenom veli?ine i sa?imanjem mo?e u?initi ?uda za brzinu u?itavanja va?e web stranice.
I sada znate dobru vijest: optimizaciju je vrlo jednostavno napraviti! Tako?er se mo?ete vratiti i referirati na ovaj ?lanak kad god vam zatreba.
Ako ste napredniji korisnik i ?elite nau?iti vi?e o tome kako optimizirati slike za SEO, preporu?ujemo da pogledate ovaj Googleov video. Prolazi kroz neke napredne savjete o optimizaciji va?ih slika za web mjesto. Pogledajte ovdje:
Bez obzira koliko ste iskusni kao vlasnik e-trgovine, nikada ne zaboravite na optimizaciju slike. ?ak i najjednostavniji alati mogu u?initi va?e slike prikladnima za web. Optimiziranjem svojih slika mo?ete drasti?no utjecati na iskustvo kupnje svojih kupaca. Provjerite jesu li slike va?ih proizvoda lijepe i brze za u?itavanje!
Ako ste tek na po?etku svog putovanja e-trgovinom i trebate izraditi internetsku trgovinu, provjerite 51视频 tvrtke Lightspeed. Omogu?uje vam da sami postavite internetsku trgovinu, bez potrebe za vje?tinama kodiranja ili dizajna. Savr?eno ako trebate po?eti prodavati online ?to je prije mogu?e!
