Otpremite sliku na sajt, otvorite stranicu — i čekate. Pa čekate još malo. Ako ste ikada provukli svoj sajt kroz Google PageSpeed test i dobili crveno upozorenje „Serve images in next-gen formats“ ili „Properly size images“, velika je verovatnoća da su glavni krivci upravo preteški PNG fajlovi.
PNG od 3–4 MB na naslovnoj strani nije retkost, a posledice su ozbiljne: sporije učitavanje, lošija pozicija na Google-u, nervozni posetioci koji odustaju pre nego što se stranica uopšte pojavi. Dobra vest je da se veličina PNG slike najčešće može smanjiti za 60–90% bez ikakve vidljive razlike u kvalitetu. Evo kako.
Zašto su PNG slike toliko velike?
PNG koristi tzv. lossless (bezgubitnu) kompresiju — čuva svaki piksel u savršenom stanju. To ga čini idealnim za logotipe, ikonice, screenshotove i grafike sa prozirnom pozadinom. Ali ta savršenost ima cenu: kod fotografija i slika sa puno boja i prelaza, PNG fajl naraste na višestruko veću veličinu nego što je zaista potrebno.
Ključno pitanje pre optimizacije zato glasi: da li vam za tu konkretnu sliku PNG uopšte treba?
Korak 1: Izaberite pravi format (najveća ušteda)
Najveće smanjenje veličine ne dolazi od „stiskanja“ PNG-a, već od izbora pametnijeg formata:
- PNG — zadržite samo za logotipe, ikonice i grafike kojima treba prozirna pozadina.
- JPG — dobar izbor za fotografije, ali danas postoji i bolji.
- WEBP — moderan format koji je Google napravio upravo za veb. Podržava i prozirnost i animaciju, a fajlovi su tipično 25–35% manji od JPG-a i višestruko manji od PNG-a, uz praktično identičan vizuelni kvalitet. Podržavaju ga svi moderni pregledači.
U prevodu: za većinu slika na sajtu, konverzija PNG → WEBP je najbrža pojedinačna pobeda koju možete ostvariti za brzinu učitavanja.
Korak 2: Konvertujte PNG u WEBP za par sekundi
Ne treba vam Photoshop ni bilo kakav program. Evo najbržeg načina:
- Otvorite besplatni Konvertor Slika u pregledaču.
- Prevucite PNG slike u alat — možete ubaciti i više njih odjednom.
- Izaberite WEBP kao izlazni format (ili JPG, ako vam tako više odgovara).
- Kliknite na konverziju i preuzmite optimizovane slike.
Cela obrada se dešava lokalno, u vašem pregledaču — slike se ne otpremaju ni na kakav server, pa je proces trenutan i potpuno bezbedan čak i za poslovni materijal koji još nije javno objavljen.
🚀 Ubrzajte svoj sajt već danas
Konvertujte PNG u WEBP ili JPG besplatno, bez instalacije i bez slanja fajlova na server. Manje slike = brži sajt = bolja pozicija na Google-u.
Korak 3: Smanjite dimenzije slike na realnu potrebu
Druga ogromna, a često previđena ušteda: dimenzije u pikselima. Fotografija sa modernog telefona ima 4000+ piksela širine, a na sajtu se najčešće prikazuje u prostoru širokom 800–1200 piksela. Pregledač tada učitava ceo ogromni fajl samo da bi ga — smanjio.
Praktična pravila:
- Hero/naslovne slike: najviše 1920 px širine
- Slike unutar teksta: 800–1200 px širine
- Thumbnail sličice: 300–400 px širine
Kombinacija smanjenja dimenzija i konverzije u WEBP rutinski spušta fajl sa 3 MB na ispod 150 KB — dvadesetostruka razlika koju posetilac vidi samo kroz brže učitavanje.
Korak 4: Proverite rezultat
Posle optimizacije, provucite sajt kroz PageSpeed Insights. Trebalo bi da vidite napredak kod metrika LCP (Largest Contentful Paint) i ukupne težine stranice. Za WordPress sajtove, dodatno pomaže i keš plugin uz „lazy loading“ slika — ali nijedan plugin ne može da nadoknadi sliku koja je od starta 10 puta teža nego što treba.
Česte greške koje treba izbeći
- Kompresovanje već kompresovanog. Ako sliku provlačite kroz više alata uzastopno, JPG može početi vidljivo da gubi kvalitet. Uvek krenite od originalne slike.
- WEBP za apsolutno sve. Za favicon i neke specifične sisteme (stariji mejl klijenti) i dalje su sigurniji PNG/JPG.
- Oslanjanje samo na plugin. WordPress pluginovi za optimizaciju su korisni, ali besplatne verzije često imaju mesečne limite i šalju vaše slike na svoje servere. Optimizacija pre otpremanja je besplatna i pod vašom kontrolom.
- Zaboravljanje na alt tekst. Optimizovana slika bez opisa je propuštena SEO prilika — Google „čita“ slike upravo kroz alt atribut.
Bonus: više slika u jedan dokument?
Ako pripremate ponudu, portfolio ili uputstvo i treba vam da više slika spakujete u jedan uredan fajl za slanje klijentu — iskoristite naš besplatni alat Slika u PDF. Ubacite slike, poređajte ih i preuzmite gotov PDF, opet bez ikakvog otpremanja na server.
✅ Manje slike, brži sajt, bolji Google rang
Optimizujte sve slike za sajt na jednom mestu — besplatno i bez registracije.
Često postavljana pitanja (FAQ)
Koliko treba da bude „teška“ slika za sajt?
Kao gruba smernica: ispod 200 KB za veće slike, a idealno ispod 100 KB za slike unutar teksta. Naslovna (hero) slika ne bi trebalo da prelazi 300 KB.
Da li je WEBP bolji od PNG-a?
Za prikaz na sajtu — u ogromnoj većini slučajeva da. WEBP daje višestruko manji fajl uz vizuelno identičan kvalitet i podržava prozirnost. PNG zadržite za logotipe i grafike gde vam je potrebna apsolutna preciznost svakog piksela.
Da li smanjivanje slike utiče na SEO?
Da, i to direktno. Brzina učitavanja je zvanični Google faktor rangiranja (Core Web Vitals), a teške slike su najčešći uzrok sporih stranica. Optimizacija slika je jedan od najisplativijih SEO poteza.
Da li mogu da smanjim PNG bez gubitka kvaliteta?
Da. Konverzijom u WEBP ili pametnom kompresijom dobijate drastično manji fajl uz razliku koja je golim okom neprimetna. Najbrže je to uraditi besplatnim alatom direktno u pregledaču.