Optimizacija slik na WordPress spletnih straneh
Optimizacija slik v WordPress je eden najhitrejših načinov za boljše SEO rezultate in hitrejše nalaganje strani. V prispevku pokažemo konkretne razlike med formati, praktične primere stiskanja ter nastavitve, ki izboljšajo Core Web Vitals. Če želite preverjene postopke, je to obvezno branje.
Kategorije:
Kazalo vsebine
Slike so pomemben del vsake spletne strani, ampak ravno zaradi njih se stran pogosto nalaga prepočasi. Če je optimizacija slik premišljena, je rezultat dvojen: stran deluje hitreje, poleg tega pa se na Googlu bolje uvršča.
Urejanje slik ni nekaj dodatnega ali nepotrebnega. Je osnovna stvar pri postavitvi spletne strani, ki prinese obiskovalce in konverzije.
Neoptimizirane slike upočasnijo WordPress stran in poslabšajo uvrstitev v Googlu
Na povprečni spletni strani slike zavzamejo več kot 40 % celotne velikosti datotek. Če so prevelike, se stran nalaga počasneje, obiskovalci pa jo pogosto zapustijo, še preden sploh pridejo do vsebine.
Po analizi portala 10Web prav slike najbolj obremenijo stran in so najpogostejši razlog za slabše metrike Core Web Vitals.
Metrike Core Web Vitals jasno pokažejo, kako pomembna je hitrost nalaganja. Slike, ki se nalagajo prepočasi, poslabšajo LCP (Largest Contentful Paint).
Ena konkretna razlika: JPEG slika, velika 3 MB, se prikaže več kot sekundo počasneje kot WebP različica s 350 KB.
Google v svoji raziskavi potrjuje, da WebP v povprečju zmanjša velikost slik za 25–34 %, brez opazne izgube kakovosti.
Optimizacija slik v WordPress medijski knjižnici
Optimizacija slik se začne že pri nalaganju. V Media Library dodamo slike v takšni velikosti, kot jih bomo dejansko uporabili. Če imamo fotografijo iz telefona v velikosti 4000 × 3000 px, jo predhodno obrežemo na največ 1600 px širine, če bo namenjena kot vizual za blog.
WordPress sam ustvari več različic slike in doda srcset ter sizes. Tako lahko brskalnik sam izbere najbolj primerno ločljivost glede na velikost zaslona. A to deluje le, če izvorna slika ni prevelika že na začetku.
Vedno dodamo še width in height, kar pomaga preprečiti premike vsebine med nalaganjem (CLS).
Tudi ime datoteke naj bo opisno, na primer ‘optimizacija-slik-wordpress.webp’, ne pa ‘IMG_1234.webp’.
Optimizacija slik: alt besedilo, ime datoteke in napis
Alt besedilo je osnovna informacija, ki pomaga bralnikom zaslona razumeti vsebino slike in hkrati izboljša razumevanje strani za iskalnike. Namesto splošnih oznak raje napišemo točno, kaj je na sliki – na primer: ‘primerjava jpeg in webp hitrosti nalaganja’.
Tudi ime datoteke naj bo smiselno. Če slika prikazuje rezultate SEO testa, naj bo to razvidno že iz imena, na primer: seo-test-rezultati-velikost-slike.webp.
Napis pod sliko dodamo, kadar želimo gledalcu ponuditi dodatno razlago – še posebej pri grafih, tabelah ali kadar slika potrebuje krajši komentar.
Formati in kompresija slik za sodobne strani
JPEG in PNG sta bila dolgo standard, a danes sta pogosto prevelika za splet. Format WebP v povprečju zmanjša velikost slike za 25–35 %, ne da bi izgubili na kakovosti. AVIF gre še dlje in je posebej uporaben tam, kjer je slik veliko – na primer v galerijah ali spletnih trgovinah.
PNG naj ostane le tam, kjer res potrebujemo prosojnost, drugače je bolj smiselna uporaba modernejših formatov.
| Format | Povprečno zmanjšanje velikosti | Kdaj uporabiti | Slabosti |
|---|---|---|---|
| JPEG | 0–20 % | fotografije, več barv | izguba kakovosti pri stiskanju |
| PNG | minimalno | grafike s prosojnostjo | velika velikost datotek |
| WebP | 25–35 % (cloudinary.com) | večina primerov, tudi e-trgovina | omejena podpora v starejših brskalnikih |
| AVIF | 30–50 % (digidop.com) | galerije, večje zbirke slik | večja obremenitev pri pretvorbi |
Katera orodja za stiskanje so najboljša
Za stiskanje slik uporabimo orodja, kot so TinyPNG, ShortPixel ali Imagify. Pomembno je, da najprej zmanjšamo dimenzijo slike, šele nato jo stisnemo. Če se fotografija velikosti 4000 × 3000 px prikazuje v širini 1200 px, gre za nepotrebno potrato prostora in hitrosti.
Praksa: sliko izdelka shranimo v WebP formatu, s širino 1000 px in velikostjo pod 100 KB. S tem se čas nalaganja občutno skrajša.
Po podatkih Digidop pravilno dimenzioniranje slik neposredno zmanjša obremenitev strežnika in pospeši nalaganje strani.
Lazy loading in prioriteta hero slike
WordPress privzeto doda loading="lazy" vsem slikam. To je koristno za galerije, blog objave in spodnje dele strani. Vendar hero slika na vrhu potrebuje drugačen pristop.
Za hero sliko izklopimo lazy loading in dodamo fetchpriority="high". Tako se naloži prva in zagotovi dober LCP rezultat. Preload uporabimo le za to eno sliko. Če jih dodamo več, učinka ni in le povečamo obremenitev.
Kako preverimo, ali je optimizacija slik uspela
Ko uredimo slike, rezultate vedno preverimo. V orodju Google PageSpeed Insights poiščemo priporočila, kot sta ‘Serve images in next-gen formats’ in ‘Properly size images’. Če se ta opozorila še vedno pojavljajo, so slike verjetno prevelike ali v neprimernem formatu.
Za bolj podroben vpogled uporabimo WebPageTest, ki pokaže, katere slike so najbolj problematične in koliko dejanskega časa nalaganja porabijo.
Tako hitro vidimo, ali optimizacija slik res izboljšuje Core Web Vitals. In če je odziv dober, to pomeni tudi višjo uvrstitev v iskalnikih.
Kaj sledi, ko to zaključite
Optimizacija slik je le en del celotne zgodbe. Če želite razumeti, kako se izogniti najpogostejšim SEO napakam, preverite prispevek ‘Optimizacija spletnih strani SEO v letu 2025’.
Če želite konkretno oceno, kaj na vaši strani dejansko zavira rast, se oglasite pri nas. Pri Madwise ne iščemo bližnjic – delamo premišljeno in ciljno. Rešitve, ki jih predlagamo, se poznajo pri hitrosti nalaganja, boljšem SEO in višji konverziji.
Pišite nam na zivjo@madwise.si ali nas pokličite na +386 31 370 639.
