Kontrolna lista za optimizaciju slika na Shopify-ju za 2026.

Da biste optimizovali slike na Shopify-ju, otpremite ih u veličini u kojoj će se zaista prikazivati (2048 x 2048 px je obično najbolja mera za kvadratne fotografije proizvoda), kompresujte ih i pustite da vaša tema isporučuje umanjene WebP verzije sa Shopify CDN-a. Zatim lenjo učitavajte samo slike ispod prvog ekrana, nikada glavnu naslovnu sliku ili prvu sliku proizvoda, i svakoj slici dajte opisni naziv fajla i alt tekst.

To je kratak odgovor. Kontrolna lista u nastavku prolazi kroz svaki korak sa specifikacijama koje važe u 2026. godini, pokazuje šta Shopify već radi umesto vas i gde prodavnice i dalje gube brzinu i vidljivost u pretrazi.

Kontrolna lista za optimizaciju slika na Shopify-ju

• Koristite opisne nazive fajlova (na primer, „red-running-shoes-nike.jpg“) pre otpremanja.
• Otpremite pravi format: JPEG za fotografije, PNG za grafike sa providnošću ili oštrim ivicama. Shopify isporučuje WebP pregledačima koji ga podržavaju, pa fajlove ne morate sami da konvertujete.
• Otpremite pravu veličinu: 2048 x 2048 px za kvadratne slike proizvoda. Shopify prihvata najviše 5000 x 5000 px (25 megapiksela) i 20 MB po slici.
• Kompresujte slike pre otpremanja ili pomoću aplikacije kao što su Tiny SEO (ranije TinyIMG), Crush ili Nabu Image Optimizer.
• Držite jedan odnos stranica po mreži proizvoda kako bi kartice bile poravnate i raspored ne bi skakao.
• Koristite responzivne slike: tema treba da prikazuje slike preko Shopify filtera image_tag, koji dodaje srcset, širinu i visinu.
• Lenjo učitavajte samo ispod prvog ekrana. Naslovnu sliku ili prvu sliku proizvoda učitajte odmah i dodajte joj fetchpriority="high".
• Napišite koristan alt tekst za svaku sliku proizvoda. Shopify dozvoljava do 512 karaktera, a preporuka je 125 ili manje.
• Sačuvajte strukturirane podatke proizvoda i mapu sajta kako bi pretraživači mogli da povežu slike sa proizvodima.
• Redovno proveravajte slike, naročito posle ažuriranja teme, nove aplikacije ili sezonskog lansiranja.

Šta Shopify već radi sa vašim slikama?

Veliki deo posla oko slika obavlja se na strani Shopify-ja. Kada znate tu podelu, nećete plaćati aplikacije koje ponavljaju ono što platforma već radi.

U našim proverama u oktobru 2026. Shopify CDN je vraćao WebP pregledačima koji ga prihvataju, a originalni JPEG ili PNG pregledačima koji ga ne prihvataju. Shopify dokumentacija navodi i AVIF kao format koji CDN može da izabere, ali u praksi većina posetilaca dobija WebP.

1. Kako pripremiti slike pre otpremanja?

Dve odluke pre otpremanja sprečavaju većinu kasnijih problema: naziv fajla i format.

a. Nazivi fajlova sa ključnim rečima

Google preporučuje kratke, ali opisne nazive fajlova, jer generički nazivi kao „IMG1234.jpg“ ne govore ništa o slici. Na Shopify-ju naziv fajla postaje i deo adrese slike na CDN-u. Evo kako da imenujete fajlove:

• Počnite glavnom ključnom rečju proizvoda.
• Dodajte brend, model ili boju ako su važni.
• Reči razdvajajte crticama.
• Neka naziv bude kratak, ali opisni.

Na primer, umesto „IMG1234.jpeg“ upotrebite „red-running-shoes-nike.jpeg“. Preimenujte fajlove pre otpremanja, jer kasnije preimenovanje obično znači zamenu slike.

b. Izbor najboljeg formata fajla

Format pri otpremanju je manje važan nego ranije, jer Shopify konvertuje slike za isporuku. Ipak utiče na kvalitet, pa birajte prema vrsti slike:

• JPEG: siguran izbor za fotografije proizvoda i fotografije proizvoda u upotrebi. Mali fajlovi, dobre boje, bez providnosti.
• PNG: za providnost, tekst ili oštre ivice. Shopify centar za pomoć navodi PNG kao najbolji tip fajla za većinu slika proizvoda, a zatim JPEG. Velike PNG fajlove prvo kompresujte.
• WebP: Shopify ga prihvata, ali ne morate sami da konvertujete u njega. Shopify već isporučuje WebP pregledačima koji ga podržavaju.
• AVIF: Google pretraga ga podržava, ali nije na Shopify listi prihvaćenih formata za slike proizvoda. Umesto njega otpremite JPEG ili PNG.
• SVG: najbolji za logotipe i ikonice u temi.
• GIF: izbegavajte ga za demonstraciju proizvoda. Kratak kompresovan video je lakši i izgleda bolje.

2. Kako smanjiti veličinu slika na Shopify-ju?

Slike su često najteži deo Shopify stranice, a najveća slika na ekranu je obično ono što Google meri kao Largest Contentful Paint (LCP). Manji fajlovi znače brži LCP, posebno na mobilnim uređajima.

a. Alati za kompresiju slika

Slike možete da kompresujete pre otpremanja bilo kojim desktop ili veb alatom, ili da prepustite Shopify aplikaciji da kompresuje ceo katalog i svaku novu sliku. Tiny SEO (ranije TinyIMG), Crush i Nabu Image Optimizer su aktivni u Shopify App Store-u u oktobru 2026; upoređujemo ih u odeljku 6.

Svaku aplikaciju prvo isprobajte na nekoliko ključnih slika, kao što su naslovna slika početne stranice i najprodavaniji proizvod, i sačuvajte rezervnu kopiju originala pre masovne obrade.

b. Prilagođavanje dimenzija slika za Shopify

Aktuelne Shopify smernice za slike su:

• Kvadratne slike proizvoda: 2048 x 2048 px se obično najbolje prikazuje.
• Najveća dimenzija: 5000 x 5000 px ili 25 megapiksela.
• Najveća veličina fajla: manje od 20 MB.
• Odnos stranica: izaberite jedan odnos (1:1 ili 4:5 su česti) i koristite ga u celom katalogu.

Veće nije sigurnije. CDN nikada ne uvećava sliku preko njenih originalnih dimenzija, a može da je umanji na bilo koju širinu koju tema zatraži (do 5760 px). Otpremanje slike od 5000 px ne čini prodavnicu oštrijom, ali usporava otpremanje i daje CDN-u više posla bez vidljive koristi. Evo jednostavnog postupka:

1. Počnite od kvalitetnog originala.
2. Isecite ga na odnos stranica vašeg kataloga.
3. Izvezite ga sa 2048 px na dužoj strani.
4. Kompresujte ga, pa otpremite.

3. Napredne tehnike: lenjo učitavanje, responzivne slike i LCP slika

Kada je veličina fajlova pod kontrolom, način učitavanja slika određuje koliko brzo stranica deluje.

a. Pravilno lenjo učitavanje

Lenjo učitavanje odlaže slike dok se posetilac ne približi njima skrolovanjem. Svi glavni pregledači ga podržavaju direktno preko loading="lazy", pa većini prodavnica za to nije potrebna aplikacija. Shopify filter image_tag već postavlja loading="lazy" na slike u sekcijama niže na stranici.

• Lenjo učitavajte: mreže kolekcija ispod prvog reda, preporuke proizvoda, slike na blogu, oznake u podnožju.
• Nemojte lenjo učitavati: naslovnu sliku početne stranice, prvu sliku proizvoda ili bilo šta drugo što se vidi čim se stranica otvori. Google smernice na web.dev jasno kažu da lenjo učitavanje LCP slike odlaže njeno učitavanje.

b. Prioritet za LCP sliku

Vaša najveća slika na prvom ekranu treba da se učita prva. Dodajte joj fetchpriority="high", što danas podržavaju svi glavni pregledači. U Liquid-u image_tag prihvata i preload: true, koji šalje nagoveštaj za prethodno učitavanje kao HTTP zaglavlje. Shopify savetuje da ga koristite štedljivo, za najviše jednu ili dve slike. Naš vodič za prethodno učitavanje slika na Shopify-ju prikazuje oba načina korak po korak.

c. Responzivne slike

Responzivne slike šalju mali fajl telefonima, a veći ekranima računara. Kada tema koristi image_tag, Shopify automatski pravi srcset sa razumnim skupom širina i dodaje atribute širine i visine.

Da biste izvukli najviše iz toga:

• Postavite tačan atribut sizes, kako telefoni ne bi preuzimali sliku u širini za računar.
• Zadržite širinu i visinu na svakoj slici. Bez njih slike pomeraju sadržaj dok se učitavaju, što kvari Cumulative Layout Shift (CLS).
• Proverite prilagođene sekcije i vidžete aplikacija. Oni ponekad direktno koriste adresu slike u punoj veličini i zaobilaze sve ovo.
• Testirajte na pravim uređajima, ne samo u pregledaču na računaru.

4. Kako optimizovati slike proizvoda na Shopify-ju za SEO?

SEO za slike pomaže da se vaši proizvodi pojave u Google slikama i daje pretraživačima i AI asistentima jasniju sliku o tome šta prodajete. Sam SEO više nije dovoljan, pa tačni podaci o proizvodima, uključujući slike i njihove opise, utiču i na to kako AI alati za kupovinu čitaju vašu prodavnicu.

a. Alt tekst sa ključnim rečima

Alt tekst opisuje sliku korisnicima čitača ekrana i daje pretraživačima kontekst. U Shopify administraciji otvorite proizvod, kliknite na medijski fajl i izaberite Add alt text. Shopify dozvoljava do 512 karaktera i preporučuje 125 ili manje.

Kako napisati dobar alt tekst:

• Opišite ono što slika zaista prikazuje.
• Navedite naziv proizvoda i ključni detalj, kao što su boja, materijal ili model.
• Ključne reči koristite prirodno. Google upozorava da ne pretrpavate alt atribute ključnim rečima.
• Preskočite fraze kao „slika“ ili „kupi odmah“.

Na primer, umesto „Kupi NIKE patike“ napišite „Osoba trči u Nike Star Runner 2 patikama“. Umesto „džemper“ napišite „Plavi vuneni džemper sa pletenim šarama“. Ako uređivač medija predloži alt tekst, proverite ga pre nego što ga prihvatite, jer predlog može da propusti detalj po kom se vaš proizvod razlikuje.

b. Strukturirani podaci za slike

Strukturirani podaci govore pretraživačima koja slika pripada kom proizvodu, zajedno sa cenom i dostupnošću. Google zahteva svojstvo image da bi proizvod mogao da dobije obogaćene rezultate i oznake u Google slikama.

• Shopify teme, uključujući Dawn i Horizon, prikazuju strukturirane podatke proizvoda preko Liquid filtera structured_data. Proizvodi sa varijantama prikazuju se kao ProductGroup. Prilagođene teme treba da rade isto.
• Proverite stranice proizvoda u Google alatu Rich Results Test i potvrdite da su slika, cena i dostupnost tu.
• Automatska Shopify mapa sajta za proizvode već sadrži slike proizvoda, pa vam ne treba posebna aplikacija za mapu slika.

Za detaljniji pregled naziva fajlova, alt teksta i Google slika pogledajte naš vodič za SEO slika na Shopify-ju.

5. Kako održavati slike optimizovanim tokom vremena?

Novi proizvodi, nove aplikacije i ažuriranja teme ponovo dodaju težinu, pa optimizacija slika nije jednokratan posao.

Redovno održavanje i ažuriranje slika

Zakažite redovne provere slika: veće prodavnice treba da proveravaju slike jednom mesečno. Manje prodavnice mogu jednom u tri meseca. Uvek proverite posle ažuriranja teme ili nove aplikacije, jer su to najčešći razlozi zbog kojih brza prodavnica postane spora.

Šta proveriti tokom provere:

• LCP i CLS: Shopify izveštaj o performansama sajta (Analytics > Reports) prikazuje podatke stvarnih posetilaca za poslednjih 30 dana.
• Težinu slika na ključnim stranicama: proverite početnu stranicu, jednu kolekciju i jednu stranicu proizvoda u PageSpeed Insights ili našem Shopify testu brzine.
• Prikaz na mobilnim uređajima: proverite da li se slike pravilno seku i skaliraju na telefonima.
• Pokrivenost alt tekstom: potražite nove proizvode otpremljene bez alt teksta.
• Veličinu fajlova: kompresujte nove slike koje su promakle.

Ažuriranje slika proizvoda: kada dodajete proizvode ili osvežavate kolekcije, zadržite visok kvalitet i ujednačen izgled.

• Za velike izmene koristite aplikaciju ili masovni postupak.
• Držite iste dimenzije i odnos stranica unutar svake kategorije proizvoda.
• Proverite naziv fajla, veličinu i alt tekst pre objavljivanja novih slika.

Sezonski plan ažuriranja:

6. Alati i usluge koji olakšavaju optimizaciju slika

Poređenje aplikacija za optimizaciju slika

Ove pakete smo proverili u Shopify App Store-u u oktobru 2026. Često se menjaju, pa ih proverite pre instalacije. Deinstaliranje aplikacije ne uklanja uvek kod koji je dodala u vašu temu.

Stručna pomoć

Nekim prodavnicama treba više od aplikacije: prilagođena tema koja loše učitava slike, vidžeti aplikacija koji zaobilaze CDN ili veliki katalog sa godinama neujednačenih otpremanja. Ovo rešavamo u okviru našeg rada na Shopify SEO optimizaciji, od koda teme do alt teksta za ceo katalog.

Zaključak: koraci za bolje slike na Shopify-ju u 2026.

Optimizovane slike donose brže stranice, bolju vidljivost u pretrazi i lakši put do naplate.

Jednom prođite kroz kontrolnu listu sa početka ovog vodiča, a zatim proverite ponovo posle svake promene teme ili aplikacije. Pratite ova tri broja:

Ovo su Google pragovi za Core Web Vitals, mereni na 75. percentilu poseta. Shopify izveštaj o performansama sajta koristi iste ciljeve.

FAQ

Koja je najbolja veličina slika proizvoda na Shopify-ju?

Za kvadratne slike proizvoda Shopify preporučuje 2048 x 2048 px. Slike mogu da budu do 5000 x 5000 px (25 megapiksela) i moraju da imaju manje od 20 MB, ali preko 2048 px retko poboljšava ono što kupci vide.

Da li Shopify automatski optimizuje slike?

Delimično. Shopify isporučuje slike sa svog CDN-a, kešira ih godinu dana, kompresuje JPEG slike i isporučuje WebP pregledačima koji ga podržavaju. Ne preimenuje fajlove, ne piše alt tekst, ne popravlja prevelike slike i ne sprečava temu da lenjo učitava naslovnu sliku. To je i dalje vaš posao.

Da li da otpremam WebP ili AVIF slike na Shopify?

Ne morate. Otpremite dobre JPEG ili PNG originale i Shopify će ih konvertovati u WebP za pregledače koji ga podržavaju. WebP fajlovi su prihvaćeni, ali AVIF nije na Shopify listi prihvaćenih formata za slike proizvoda.

Da li da lenjo učitavam sve slike u Shopify prodavnici?

Ne. Lenjo učitavajte slike ispod prvog ekrana, ali naslovnu sliku i prvu sliku proizvoda učitajte odmah, a najveću označite sa fetchpriority="high". Lenjo učitavanje tih slika odlaže LCP i stranica deluje sporije.

Da li mi treba aplikacija za optimizaciju slika?

Ne uvek. Ako vaša tema koristi Shopify filtere za slike i kompresujete slike pre otpremanja, platforma pokriva veći deo posla. Aplikacija pomaže kada imate veliki katalog, mnogo postojećih neoptimizovanih slika ili nemate vremena da ručno pripremite svaki fajl.