Preskoči na sadržaj
Radionica praktične lekcije i alati za vlasnike malih firmi

Lekcija

Slike za sajt: format, dimenzije i težina

Fotografiju za sajt sačuvajte kao WebP ili JPEG, u širini koju strana stvarno prikazuje, i neka bude laka: od nekoliko desetina KB za sličicu do oko 250 KB za veliku sliku na vrhu strane. Fotografija sa telefona ima nekoliko hiljada piksela i nekoliko MB; kad se postavi takva, strana se učitava sporo, iako izgleda isto. Tabela ispod kaže koja širina i težina odgovaraju kom mestu na strani.

Objavljeno 28. 9. 2026.

Potrebno

  • originalne fotografije, sa telefona ili fotoaparata
  • telefon ili računar sa pregledačem
  • alat Kompresija slika

Traje: sedam koraka. Širinu i format birate jednom za svako mesto na strani, a posle toga svaka slika prolazi isti kratak postupak.

Gde stoji slika

Mesto na strani Širina Format Težina Odakle je broj
Velika slika na vrhu strane 1920 px, i 1280 px za telefon ako sajt nudi više veličina WebP ili AVIF, uz JPEG kao rezervu do 250 KB moja preporuka
Slika u tekstu ili kartici 1200 px WebP ili JPEG do 150 KB moja preporuka
Sličica u galeriji 520–600 px WebP do 60 KB moja preporuka; Klimatronik 016 ima sličice od 520 px
Fotografija proizvoda oko 1500 × 1500 px WebP ili JPEG do 200 KB mere: Google Merchant Center; težina: moja preporuka
Slika za deljenje linka (og:image) 1200 × 630 px JPEG do 300 KB mere: Meta; težina: moja preporuka
Članak ili vest za Google Discover najmanje 1200 px, 16:9 WebP ili JPEG – Google

Širina je najvažnija kolona. Fotografija od 4000 × 3000 piksela ima 12 miliona piksela, a ista fotografija široka 1200 piksela oko 1,1 milion. Kad sajt nudi samo jednu veličinu slike, pregledač preuzme ceo fajl, čak i kad ga prikaže u okviru širokom 400 piksela.

Za ostale redove važe i zvanična pravila. Google Merchant Center od 31. januara 2027. traži da slika svakog proizvoda ima najmanje 500 × 500 piksela. Meta za sliku uz podeljen link traži najmanje 200 × 200 piksela, a za najbolji prikaz 1200 × 630, u odnosu što bližem 1,91:1. Google Discover velikom smatra sliku široku najmanje 1200 piksela, sa više od 300.000 piksela ukupno.

Logo ovde nije tema: on je crtež, a ne fotografija, i ide u vektorskom formatu SVG.

Koraci

  1. 1
    Radite na kopiji. Original sačuvajte u posebnoj fascikli. Smanjena slika ne može da se vrati u punu veličinu, a original će vam trebati za štampu ili sledeći sajt.
  2. 2
    Izaberite širinu iz tabele. Sliku koja je već uža od te širine ne uvećavajte: postaje mutnija, a ne bolja.
  3. 3
    Izaberite format. Fotografiju sačuvajte kao WebP, a kao JPEG ako program ili sajt ne prima WebP. Grafika sa providnom pozadinom ide u PNG ili WebP, a logo u SVG. Google čita slike u formatima BMP, GIF, JPEG, PNG, WebP, SVG i AVIF, a ekstenzija fajla treba da odgovara formatu.
  4. 4
    Podesite kvalitet. Počnite od 80 i uporedite pre i posle na uvećanju, na mestu sa sitnim detaljima: kosa, tkanina, tekst na etiketi. Ako razliku ne vidite, probajte niže. U alatu Kompresija slika možete da upišete i najveću težinu, pa alat sam nađe najviši kvalitet ispod nje.
  5. 5
    Nazovite fajl rečima. montaza-klime-leskovac.webp, a ne IMG_2041.jpg: mala slova, crtice umesto razmaka i bez kvačica, da adresa slike bude čitljiva svuda.
  6. 6
    Napišite alt tekst. Jednu rečenicu o tome šta je na slici, bez nabrajanja ključnih reči: „Monter kači spoljnu jedinicu klime na fasadu.“ Po Google-u, alt tekst je najvažniji od podataka uz sliku.
  7. 7
    Proverite brzinu strane. Kad postavite slike, stranu proverite u PageSpeed Insights, kako savetuje i Google.

Najčešća greška

Fotografija sa telefona postavljena bez smanjivanja, a smanjena samo u prikazu. Na strani izgleda kao mala slika, ali pregledač preuzme ceo fajl od nekoliko MB, i to posetiocu koji je na mobilnom internetu. Smanjite fajl, a ne samo prikaz.

Kad sajt pravi neko drugi, tražite tri stvari

  1. 1
    Širinu i visinu na svakoj slici. Atributi width i height, ili CSS aspect-ratio, čuvaju mesto za sliku, pa se tekst ne pomera dok se slike učitavaju. Tako savetuje web.dev, Google-ov sajt o izradi sajtova.
  2. 2
    Lenjo učitavanje samo ispod prvog ekrana. loading="lazy" odlaže učitavanje slika koje se ne vide odmah. Google savetuje da se ne dodaje sadržaju koji se vidi čim se strana otvori, jer bi se baš ta slika učitala kasnije.
  3. 3
    Više veličina iste slike. Uz srcset pregledač bira veličinu prema ekranu, a običan src uvek ostaje kao rezerva. I to je iz Google-ovog uputstva za slike.

Sve tri stvari vide se u izvornom kodu strane, a možete i da zamolite onoga ko pravi sajt da vam ih pokaže.

Iz prakse

Početni ekran sajta Klimatronik 016 na telefonu

Klimatronik 016

Galerija radova smanjena je sa 2,64 MB na 881 KB. Sličice su široke 520 piksela i imaju opis za različite širine ekrana, a original se učitava tek na klik.

Početni ekran sajta Jupiter Planet na telefonu

Jupiter Planet

Podloga majice smanjena je sa 1,36 MB na oko 85 KB, u WebP-u, sa istim izgledom.

Početni ekran sajta Glass Service Bošnjace na telefonu

Glass Service Bošnjace

Jedna od većih slika smanjena je sa 136 KB na 64 KB, a u AVIF-u ima 14 KB. Server bira format prema onome što pregledač ume da prikaže.

Početni ekran sajta Medica Centar na telefonu

Medica Centar

Sve fotografije su u AVIF-u, najveća ima 52 KB, a slike na celom sajtu zajedno oko 1,2 MB. Dimenzije su upisane unapred, pa se strana ne pomera dok se slike učitavaju.

Ako fotografije tek pravite, počnite od lekcije Slikanje proizvoda telefonom. Naslovna slika videa na sajtu je slika kao i svaka druga, a ostalo o videu je u lekciji Kratak video telefonom. Šta još treba skupiti pre nego što sajt počne da se pravi, piše u vodiču Šta je potrebno pre izrade sajta.

Ako želite da slike na vašem sajtu budu ovako sređene na svakoj strani, pošaljite upit.

Česta pitanja

Koji format slike je najbolji za sajt?

Za fotografije WebP, a JPEG kad program ili sajt ne prima WebP. Grafika sa providnom pozadinom ide u PNG ili WebP, a logo u SVG. Google čita slike u formatima BMP, GIF, JPEG, PNG, WebP, SVG i AVIF, a ekstenzija fajla treba da odgovara formatu.

Koje dimenzije treba da ima slika za sajt?

Onu širinu koju strana stvarno prikazuje: oko 1920 piksela za veliku sliku na vrhu strane, 1200 za sliku u tekstu ili kartici, 520 do 600 za sličicu u galeriji i oko 1500 × 1500 za fotografiju proizvoda. Manju sliku ne uvećavajte.

Koliko KB treba da ima slika na sajtu?

Moja preporuka: do 250 KB za veliku sliku na vrhu strane, do 150 KB za sliku u tekstu, do 200 KB za proizvod i do 60 KB za sličicu. Prvo smanjite širinu, pa kvalitet. Alat Kompresija slika sam traži najviši kvalitet ispod težine koju upišete.

Da li je AVIF bolji od WebP-a?

Često daje manji fajl: na sajtu Glass Service Bošnjace jedna od većih slika smanjena je sa 136 KB na 64 KB, a u AVIF-u ima 14 KB. Ali AVIF traži rezervni format za pregledače i programe koji ga ne čitaju, pa se na sajtu nudi uz WebP ili JPEG, a server ili pregledač bira.

Šta da napišem u alt tekst?

Jednu rečenicu o tome šta je na slici, kao da je opisujete nekome ko je ne vidi, na primer: Monter kači spoljnu jedinicu klime na fasadu. Bez nabrajanja ključnih reči. Po Google-u, alt tekst je najvažniji od podataka uz sliku.

Smem li da koristim besplatne slike sa interneta?

Samo ako licenca dozvoljava upotrebu na sajtu firme, i sačuvajte dokaz o licenci, na primer snimak strane sa uslovima. Slika iz pretrage nije slobodna za upotrebu samo zato što se pojavila u pretrazi. Sopstvene fotografije su bolje i zato što pokazuju pravi posao.

Provera na kraju

  • Širina je iz tabele, a nijedna slika nije uvećana.
  • Fotografije su u WebP-u ili JPEG-u, a logo u SVG-u.
  • Težina je ispod cilja iz tabele.
  • Fajl ima naziv od reči.
  • Svaka slika ima alt tekst od jedne rečenice.

Izvori

Provereno 28. 9. 2026. Strane su na engleskom.