Slike običajno predstavljajo 50–70 % teže povprečne spletne strani. Stari formati JPEG in PNG izvirajo iz 90. let (JPEG 1992, PNG 1996) in se še vedno uporabljajo – kljub dejstvu, da sodobnejši formati ustvarjajo 25–50 % manjše datoteke za enako vizualno kakovost. WebP in AVIF sta standardna odgovora za leto 2026 – podprta sta v vseh sodobnih brskalnikih, samodejno ju ustvarjajo resne platforme za gostovanje in omogočata takojšen skok v rezultatih PageSpeed/Core Web Vitals.
Ta vodnik prikazuje, kakšna je razlika med formati, kako jih implementirati v WordPress in druge sisteme za upravljanje vsebin (CMS), katera orodja uporabiti in kakšne rezultate realno pričakovati.
Hitre številke – koliko v resnici dobite
Ista fotografija 1920×1080, standardni prizor (sončni zahod, ljudje, pokrajina):
| Oblika | Teža | v primerjavi z JPEG-om | Podpora brskalnikov 2026 |
|---|---|---|---|
| JPEG (q85) | ~280KB | izhodiščna vrednost | 100 % |
| WebP (q85) | ~180KB | -35 % | 98 % (vse moderno) |
| AVIF (q85) | ~140KB | -50 % | 94 % (chrome/firefox/safari) |
| JPEG XL | ~120 KB | -57 % | ~10 % (samo za Safari 17+) |
Pri PNG (s prosojnicami) so razlike še večje: WebP ~70 % manjši, AVIF ~80 % manjši od PNG.
Prilagoditev velikosti na resnični spletni strani: nakupujte z 200 slikami izdelkov × 40 % manjša teža = ~10 MB prihranka na stran. Čas nalaganja strani za mobilne naprave se zmanjša s 3,5 s na 1,8 s. Ključni spletni podatki »Dobro« so pasterizirani.
WebP proti AVIF – kdaj kateri?
WebP – varna izbira v letu 2026
- Podprto v vseh brskalnikih od leta 2020 (Safari dodan leta 2020, Edge in Firefox leta 2019).
- Kodiranje je hitro – nekaj sekund na fotografijo.
- Podpira prosojnost, animacije (zamenjava PNG/GIF).
- Šibkejša kompresija kot AVIF, vendar boljša kot JPEG.
AVIF — boljše stiskanje, počasnejše kodiranje
- Podpira ga 94 % svetovnih brskalnikov v letu 2026 (Chrome 85+, Firefox 86+, Safari 16.1+).
- Kodiranje je ~10-krat počasnejše od WebP – približno 5–10 sekund na sliko.
- Boljša kompresija pri visoki kakovosti, zlasti za fotografije.
- Ne podpira vseh naprednih funkcij (počasnejše sprejemanje kot vtičniki za optimizacijo).
Praktičen pristop za leto 2026: generiranje obeh , najprej prikazovanje AVIF brskalnikom, ki ga podpirajo, rezervni WebP, rezervni JPEG/PNG za starejše brskalnike. Element za samodejno obdelavo.
Implementacija WordPressa – 3 pristopi
Pristop 1: Vtičnik, ki samodejno pretvori
- Smush — brezplačno do 50 slik/mesec, profesionalno neomejeno (60 €/leto). Pretvorba WebP, leno nalaganje.
- ShortPixel — plačilo na uporabo, ~10 € za 5000 slik. Najboljša podpora za AVIF.
- Imagify – podobno kot ShortPixel, ki ga je razvila ekipa WP Rocket.
- EWWW Image Optimizer — brezplačne osnovne funkcije, lokalna pretvorba (brezplačno) ali pretvorba v oblak ($).
- Optimole — optimizacija na osnovi CDN, samodejna pretvorba AVIF/WebP na njihovem robu.
Vtičnik naloži vsako novo sliko → pretvori → brskalniku prikaže najboljšo. Obstoječe slike se pretvorijo v paketnem postopku.
Pristop 2: LiteSpeed Cache + QUIC.cloud
Če vaše gostovanje uporablja LiteSpeed (kot WMD), ima vtičnik LiteSpeed Cache vgrajen optimizator slik (brezplačen, vendar zahteva račun QUIC.cloud):
- Samodejna pretvorba WebP na prvo zahtevo.
- AVIF v beta funkciji.
- Brez dodatnih stroškov vtičnikov, integrirano s predpomnilnikom strani.
- QUIC.cloud ponuja brezplačno kvoto (~1000 slik/mesec), paketi Pro pa za več.
To je standardna nastavitev za leto 2026 za odjemalce WMD – brez dodatnih vtičnikov, nič konfiguracije.
Pristop 3: CDN s transformacijo robne slike
- Cloudflare Polish + Mirage – Pro paket (25 USD/mesec) samodejno pretvori v WebP/AVIF na robu omrežja.
- Optimizer slik Bunny CDN — 9,5 USD/mesec, podpora za AVIF.
- Imgix, Cloudinary — CDN, osredotočen na slike, transformacije URL-jev (npr.
?w=800&format=avif).
Najzmogljivejši za spletna mesta z veliko transformacijami (odzivne slike, lene sličice), vendar dražji za majhna spletna mesta.
Ročna predelava (DIY)
Za enkratno serijo (npr. portfeljski fotograf prenese 5000 fotografij):
cwebp (Google)
# Single file cwebp -q 80 input.jpg -o output.webp # Batch — sve JPG-ove u folderu for f in *.jpg; do cwebp -q 80 "$f" -o "${f%.jpg}.webp"; doneavifenc (libavif)
avifenc --min 25 --max 35 --speed 6 input.jpg output.avif for f in *.jpg; do avifenc --min 25 --max 35 --speed 6 "$f" "${f%.jpg}.avif"; doneSquoosh (splet + CLI)
squoosh.app Googlov pretvornik slik v brskalniku. Najboljša uporabniška izkušnja za testiranje kakovosti v primerjavi z velikostjo pred serijo.
ImageMagick / GraphicsMagick
magick input.jpg -quality 80 output.webp magick input.jpg -quality 60 output.avifPlus: ostalih 5 stvari, ki jih potrebujete pri pretvorbi formatov
1. Odzivne slike (srcset)
Prikaži manjše slike mobilnim obiskovalcem. Jedro WordPressa to počne samodejno od različice 4.4+, vendar se prepričajte, da vaša tema to podpira ( wp_get_attachment_image() ustvari srcset).
2. Počasno nalaganje
Ne nalagajte slik zunaj vidnega polja, dokler se uporabnik ne pomakne. WP 5.5+ ima izvorni atribut loading="lazy" . Preverite v izpisu HTML, ali je tam.
3. Atributi širine in višine
Brez njih brskalnik ne ve, koliko prostora naj rezervira → CLS (Cumulative Layout Shift) skoki. Vedno imejte width="..." height="..." ali CSS razmerje stranic.
4. Dimenzije = dejanske dimenzije
Ne nalagajte slike velikosti 4000 × 3000, če jo boste prikazali v ločljivosti 800 × 600. Pred nalaganjem jo prilagodite velikosti (ali pa naj to namesto vas stori vtičnik). Običajna trgovina na WordPressu ima več kot 50 % slik, ki so nepotrebno velike.
5. Kompromis med kakovostjo in velikostjo
q=85 za fotografije, q=90 za slike izdelkov (kjer so podrobnosti pomembne), q=70–75 za ozadja glavnih elementov. Razlika med q=85 in q=95 je vizualno minimalna, datoteka je 2x večja. Preden se odločite za nakup, preizkusite na pravem uporabniku.
Česa ne storiti
- Dvojno stiskanje. Datoteke WebP ne shranjujte ponovno kot novo datoteko WebP – s tem izgubite kakovost (izguba je izguba).
- Ne izbrišite izvirnikov. Shranite izvirnike JPEG/PNG, če jih želite ponovno kodirati v novo obliko zapisa.
- Ne pretvarjajte PNG-jev s prosojnostmi v JPEG. Izgubili boste alfa signal. WebP/AVIF podpira prosojnost.
- Ne prezrite alternativnih besedil. SEO za slike + dostopnost. Noben pretvornik tega ne naredi namesto vas.
Kaj pristop k orožju za množično uničevanje ponuja takoj
- LiteSpeed Cache + QUIC.cloud vnaprej konfiguriran na paketih WP — pretvorba WebP/AVIF po prvem nalaganju.
- Shranjevanje NVMe – branje slik je hitro, ne upočasni ustvarjanja sličic.
- HTTP/3 (QUIC) – vzporedni prenos slik hitrejši, zlasti v mobilnih omrežjih.
- Brotlijevo stiskanje na drugih virih – HTML/CSS/JS je tudi manjše.
- Pomoč pri paketni pretvorbi, če selite veliko trgovino – podpora lahko na originalih zažene cwebp/avifenc na strani strežnika.
Pogosto zastavljena vprašanja
Ali naj na strežniku hranim tako JPEG kot WebP in AVIF?
Da, za rezervno . Vendar večina vtičnikov to stori samodejno – naložite JPEG, vtičnik pa ustvari druge formate v wp-content/uploads/ poleg nje.
Kaj pa, če uporabljajo Safari 14 ali starejšo različico?
Safari 14+ ne podpira AVIF-a (samo Safari 16.1+). Vaša rezervna datoteka samodejno podpre WebP ali JPEG. Približno 6 % uporabnikov po vsem svetu še vedno uporablja Safari 14+, kar postopoma upada.
Bodo slike slabše kakovosti?
Pri enakem parametru "kakovosti" (npr. q=85) sta WebP in AVIF vizualno enaka JPEG-u za 99 % prizorov, vendar manjša. Lahko pa izberete tudi nižjo kakovost (q=75) za dodatno kompresijo brez vidne razlike.
Kaj pa SEO? Ali Google indeksira slike WebP/AVIV?
Da. Google Bot razume WebP od leta 2017, AVIF od leta 2021. Iskanje slik prikazuje vse formate normalno.