Laadisid üles paar tootefotot ja sait hakkas roomama. Leht laeb 6 sekundit, Google'i PageSpeed Insights karjub punaseid hoiatusi ja külastajad lahkuvad enne, kui leht üldse valmis jõuab.

HTTP Archive'i andmetel moodustavad pildid umbes poole keskmise lehe mahust. Neid ei saa eemaldada, sest ilma piltideta näeb sait lage välja. Küll aga saab neid tihendada nii, et kvaliteedierinevus on silmale märkamatu, failimaht aga langeb oluliselt.

Alljärgnev on täielik juhend: automaatsetest pluginatest käsitsi tööriistadeni. Iga meetodit on testitud reaalsel saidil.

💡 Kiirülevaade:

• Kontrolli oma praegust piltide mahtu GTmetrixi või PageSpeed Insightsiga.
• Alustuseks paigalda automaatne tihendusplugin nagu Smush või Imagify.
• Sea üles teisendamine WebP- või AVIF-vormingusse, et saada lisavõitu.
• Maksimaalse kiiruse saavutamiseks lisa tulemusele puhverdamine ja CDN.

Miks üldse pilte tihendada

Kaamerast tulev JPEG-fail kaalub 3-8 MB. Isegi kui WordPress muudab selle suuruse 1200px peale, langeb see harva alla 300-500 KB. Kümme sellist pilti lehel ja tulemuseks on 3-5 MB graafikat. Mobiilivõrgus tähendab see 8-12 sekundit laadimisaega.

Google on arvestanud kiirust edetabelitegurina alates 2018. aastast ning Core Web Vitalsi kasutuselevõtuga 2021. aastal sai LCP (Largest Contentful Paint) mõõdikust otsene signaal. Esimeses vaateaknas olev kangelaspilt, mille laadimine võtab kauem kui 2,5 sekundit, tõmbab su asetust allapoole.

Tihendamine lahendab probleemi radikaalselt: needsamad 10 pilti kaaluvad pärast optimeerimist kokku 300-600 KB. Kasutajad näevad lehte koheselt ja otsingumootor ei karista sind.

1. Meetod: automaatsed tihenduspluginad

Pluginad on kõige mugavam tee. Need paigaldatakse minutiga ja töötavad ilma inimese sekkumiseta: iga meediateeki üleslaadimine läbib automaatselt optimeerija. Enamik suudab töödelda ka vanu faile hulgi.

Smush

Smush hoiab kõige populaarsema tihendusplugina positsiooni: 1 miljon aktiivset paigaldust ja hinnang 4,8 WordPressi.org-is. Sellel on kolm režiimi: Lossless (kvaliteedikaduta), Lossy (nutikas tihendus minimaalse erinevusega) ja Super Lossy (maksimaalne tihendus).

Peamine omadus on see, et laisklaadimine on pluginasse otse sisse ehitatud. Pildid laaditakse alles siis, kui kasutaja nendeni kerib, vähendades lehe algset mahtu ilma lisatööriistadeta.

• Plussid: automaatne tihendus üleslaadimisel, kuni 50 pildi hulgitöötlus ühe klõpsuga, ühilduvus Multisite'i ja Gutenbergiga.
• Miinused: tasuta versioon on piiratud 5 MB-ga faili kohta, nii et peegelkaamera fotode puhul pead suurust käsitsi muutma või hankima Pro.
• Hind: Tasuta / Pro alates $6 kuus.
• Allalaadimine: 🔗 Smush WordPress.org-is

Imagify

Imagify on loodud sama meeskonna poolt, kes tegi WP Rocketi, ühe parima vahemällu salvestamise pluginatest. Filosoofia on sama: kõik töötab kohe karbist välja võttes, ilma seadistusi näppimata.

Kolm tihendusrežiimi (Normal, Aggressive ja Ultra) katavad kõik stsenaariumid. Blogi jaoks piisab Aggressive’ist: erinevus originaalist on märkamatu ja arendajad väidavad, et sääst võib ulatuda kuni 70%-ni. Sisseehitatud varundus võimaldab pildid algsele kujule taastada ja proovida teist režiimi.

• Plussid: aus tihendus ilma artefaktideta, originaalide varundus, intuitiivne liides.
• Miinused: tasuta limiit 250 pilti kuus (20 MB), suuremad saidid vajavad tasulist paketti.
• Hind: Tasuta / alates $4.99 kuus piiramatu kasutuse eest.
• Allalaadimine: 🔗 Imagify WordPress.org-is

Optimole

Optimole töötab teisiti: tihendamine toimub pilves ja pilte serveeritakse CDN-i kaudu. Teie serverit ei koormata üldse, sest kogu protsess toimub Optimole’i poolel.

Nutikas funktsioon on adaptiivne edastus. Plugin tuvastab külastaja ekraani eraldusvõime ja serveerib sobiva suurusega pildi. Mobiilikasutajad ei lae alla 2000px lauaarvuti originaali.

• Plussid: pilvetöötlus ilma serverikoormuseta, adaptiivne suurus, sisseehitatud CDN, vesimärgid Pro-versioonis.
• Miinused: tasuta limiit 5000 külastust kuus, kasvav liiklus nõuab tasulist paketti.
• Hind: Tasuta / alates $22.52 kuus.
• Allalaadimine: 🔗 Optimole WordPress.org-is

WP-Optimize

WP-Optimize on kõik-ühes lahendus: pilditihendus, andmebaasi puhastamine ja vahemällu salvestamine ühes pluginas. Kolme eraldi tööriista asemel paigaldate ühe.

See toetab PNG, JPG, GIF, BMP ja TIF formaate. Hulktihendus, uute üleslaadimiste automaatne optimeerimine ja originaalide taastamine on kõik kaasas. Tasuta versioonist piisab enamikule isiklikele saitidele ja blogidele.

• Plussid: kolm funktsiooni ühes pluginas, lai vormingutugi, automaatne taustatöötlus.
• Miinused: premium-funktsioonid (Multisite, laisklaadimine) ainult Pro versioonis, liides on vahekaartidest segane.
• Hind: Tasuta / Pro alates $49 aastas.
• Allalaadimine: 🔗 WP-Optimize WordPress.org-is

TinyPNG (WordPressi plugin)

TinyPNG tõi oma tuntud veebipõhise kompressori WordPressi pluginasse. Algoritm vähendab valikuliselt PNG värvide arvu ja optimeerib JPEG-d. Tulemus näeb välja identne, kuid kaalub poole vähem.

See toetab Multisite'i, WooCommerce'i, animeeritud PNG-d ja sellel puudub failisuuruse piirang, mis on tasuta versiooni puhul haruldane eelis.

• Plussid: piiramatu failisuurus, WooCommerce'i integratsioon, animeeritud PNG tugi.
• Miinused: nõuab registreerimist TinyPNG veebisaidil ja API võtit, tasuta limiit 500 pilti kuus.
• Hind: Tasuta (kuni 500 tihendust) / tasulised paketid veebisaidil.
• Allalaadimine: 🔗 TinyPNG WordPress.org-is

Robin Image Optimizer

Robin Image Optimizer paistab silma selle poolest, et sellel pole kunstlikke piiranguid. Ei mingeid piiranguid tihenduste arvule, failisuurusele ega igakuisele mahule: kõik on tasuta ilma konksudeta.

Kolm tihendusrežiimi pluss taustal optimeerimine WordPress Croni kaudu. Plugina uuendatakse regulaarselt. 2026. aasta juuni seisuga on aktiivne versioon 2.0.5, millel on üle 100 000 aktiivse installatsiooni.

• Plussid: täiesti tasuta ja piiranguteta, teisendamine WebP-ks ja AVIF-iks, taustatöötlus Croni kaudu.
• Miinused: vähem lisafunktsioone kui konkurentidel, sisseehitatud CDN puudub.
• Hind: Tasuta.
• Allalaadimine: 🔗 Robin WordPress.org-is

Pluginade võrdlustabel

2. Meetod: Veebitööriistad ilma pluginata

Kui te ei soovi pluginat paigaldada, tihendage pildid enne üleslaadimist. TinyPNG.com võtab vastu PNG ja JPEG faile kuni 5 MB, korraga kuni 20 faili ja tasuta kuni 100 kuus. Lohistage ja pillake, saate tihendatud tulemuse ning laadige juba optimeerituna oma meediakogusse.

Alternatiivid: Google’i Squoosh (töötab otse brauseris ja näitab enne/pärast kõrvuti), ShortPixel (veebiversioon pakktöötlusega), Compressor.io (toetab JPEG, PNG, SVG, GIF ja WebP vorminguid).

Käsitsi meetod sobib hästi ühekordseteks ülesanneteks: valmista ette 5-10 pilti artikli jaoks ja laadi need üles. Regulaarse sisu puhul aga säästab plugin tunde, sest sa ei pea iga üleslaadimise eel tihendamist meeles pidama.

3. Meetod: WebP-ks ja AVIF-iks teisendamine

Moodsad vormingud pole eraldi tööriist, vaid pigem viimistlus. Pilt on juba mõne pluginaga tihendatud, kuid endiselt JPEG-vormingus. Google'i andmetel vähendab WebP-ks teisendamine failisuurust veel veerandi võrra ilma nähtavate muutusteta.

Kõik ülaltoodud tabeli pluginad oskavad üleslaadimisel automaatselt WebP-koopiaid luua. Kui kasutate käsitsi meetodit, teisendage pilt enne meediateeki üleslaadimist Squooshi või CloudConverti abil.

Oluline märkus: WebP-d toetavad kõik kaasaegsed brauserid (Chrome, Firefox, Safari, Edge). AVIF pakub veelgi tugevamat tihendust, kuid tugi on kitsam, nii et laiatarbesaidile on WebP usaldusväärsem esmane vorming koos JPEG varuvariandiga.

Mis veel peale tihendamise WordPressi kiirendab

Pilditihendus annab kõige märgatavama tõuke, kuid see ei lahenda kõike. Teised kiiruse hoovad on järgmised:

Lehe vahemälu

Iga WordPressi saidi külastus käivitab PHP protsessori, tekitab kümneid andmebaasipäringuid ja koostab lehe nullist. Vahemällu salvestamine salvestab valmis HTML-versiooni ja serveerib selle koheselt.

Kui teie hostingu pakett ei sisalda sisseehitatud vahemälu, paigaldage W3 Total Cache (tasuta, paindlik) või WP Rocket (tasuline, seadistatav 5 minutiga).

CDN (sisu edastamise võrk)

Teie server asub Hollandis, samal ajal kui külastaja on Brasiilias. Iga kilomeeter lisab latentsust. CDN kopeerib staatilised varad (pildid, CSS, JS) kümnetesse serveritesse üle maailma ja serveerib need kasutajale lähimast serverist.

Jetpack pakub oma põhimoodulis piltidele tasuta CDN-i. Täieliku katvuse (kõik staatilised varad) jaoks vaadake Cloudflare'i: tasuta plaan katab keskmise saidi vajadused.

Hosting

Soodne jagatud hosting mahutab ühele serverile sadu saite. Kui naaberprojekt saab liikluse hüppe, aeglustub ka teie sait. VPS või hallatud WordPressi hosting isoleerib ressursid: teie sait saab garanteeritud osa protsessori- ja mälumahust.

Jagatud hostingult VPS-ile üleminek annab sageli pilditihendusega võrreldava kiiruse tõusu, ilma et saidi koodis ühtegi muudatust tehtaks.

Optimeeritud teema

Lehekoostajaga teema veab kaasa megabaidide viisi CSS-i ja JavaScripti. Kerge teema ilma visuaalse koostajata vähendab lihtsalt malli vahetamisega laadimisaega 200-400 ms. Kontrollige oma teema kiirust GTmetrixiga värskel WordPressi installatsioonil: tulemus on sageli üllatav.

GZIP-tihendus

Server tihendab HTML-i, CSS-i ja JS-i enne brauserisse saatmist, sarnaselt ZIP-iga veebilehtede jaoks. GZIP ei mõjuta pilte (need on juba tihendatud), kuid vähendab oluliselt tekstipõhiseid ressursse.

Kontrollige, kas GZIP on lubatud: avage DevTools → Network → leidke mõni CSS-fail → kontrollige vastuse päist content-encoding: gzip. Kui see puudub, lisage faili .htaccess järgmine:

1
<IfModule mod_deflate.c>
2
  AddOutputFilterByType DEFLATE text/html text/css text/javascript
3
  AddOutputFilterByType DEFLATE application/javascript
4
  AddOutputFilterByType DEFLATE application/xml
5
  AddOutputFilterByType DEFLATE image/svg+xml
6
</IfModule>

Fail asub saidi juurkataloogis ja on ligipääsetav FTP või hostingu failihalduri kaudu. Enne muutmist tehke koopia, sest katkine .htaccess viib saidi rivist välja.

Kuidas kontrollida, kas optimeerimine on vajalik

GTmetrix on tasuta tööriist, mis jagab kiiruse komponentideks. Sisesta oma URL, vali lähedane server (saadaval on USA, Kanada, Ühendkuningriik, India, Austraalia ja Brasiilia) ning minuti jooksul saad raporti.

Peamised mõõdikud: LCP (kui kaua põhisisu laadimine aega võtab), TBT (kui kaua protsessor on ülesannetega hõivatud), lehe kogukaal ja eraldi piltide kaal. Kui vahekaart „Images" helendab punaselt, oled õiges kohas: ülalkirjeldatud meetodid lahendavad probleemi.

Alternatiivid: Google PageSpeed Insights (samad andmed, mida otsingumootor näeb), WebPageTest (detailne waterfall koos stsenaariumitega), Pingdom (lihtne ja kiire).

⁉️🤔 Korduma kippuvad küsimused

Kas tihendada enne või pärast üleslaadimist?

Automaatne tihendamine pärast üleslaadimist on parem: plugin püüab iga üleslaadimise kinni, nii et sa ei unusta kunagi. Kui sul on aga kaamerast pärit 8-10 MB fotod, muuda need kõigepealt pikema külje järgi 2000px suuruseks. WordPress loob mõistlikud pisipildid ja plugin tihendab neid edasi. Optimaalne töövoog on: muuda arvutis resolutsioon mõistlikuks, laadi meediateeki, plugin teeb automaatse tihendamise koos WebP-ks teisendamisega. Kahekordne kokkuhoid ilma lisavaevata.

Kas kvaliteet kannatab tugeva tihendamise järel?

Kadudega tihendamise puhul on erinevus nähtav ainult piksel-pikslilt võrdluses. Inimsilm ei erista mõõdukat andmekadu JPEG-s. Kui pilt ei ole fotograafi portfoolio, võid julgelt seada Imagifys Aggressive režiimi või Smushis Lossy. Veebipoe tootekaartide puhul on kvaliteedikadu kriitiline, sest ostjad peavad nägema kanga tekstuuri või toote detaile. Sel juhul kasuta Lossless (tihendamine kvaliteedikaota): see annab tagasihoidliku kokkuhoiu, kuid säilitab iga detaili.

Aga juba üles laaditud pildid?

Kõik ülaltoodud tabeli pluginad toetavad hulgiti optimeerimist: üks klikk ja meediateek läbib tihendaja. Enne alustamist tee saidist varukoopia, sest hulgitoimingud on pöördumatud ilma sisseehitatud varunduseta (saadaval Imagifys ja WP-Optimize'is). Kui sul on üle tuhande pildi, käivita optimeerimine öösel või partiidena: mõned hostid katkestavad ajapiirangute tõttu pikad protsessid. Hea tava on kõigepealt lasta töödelda 10-20 pilti, kontrollida tulemusi ja seejärel käivitada kogu meediateek.

Millise pluginaga alustada?

Kui sait on väike ja soovid tasuta lahendust, siis Robin või Smush. Vajad kõik-ühes lahendust (tihendamine pluss vahemälu)? WP-Optimize. Pilve kaudu edastamine ja adaptiivne suuruse muutmine on olulised? Optimole. Hindad lihtsust ja kvaliteeti ilma peavaluta? Imagify. Testsaidil lasime sama meediateegi läbi kolmest pluginast: Imagify andis parima tasakaalu suuruse ja visuaalse kvaliteedi vahel, Smush oli töötluskiiruselt kiireim ja Optimole vabastas serveri täielikult. Konkreetne valik sõltub sinu prioriteetidest.

Mida kohe teha: samm-sammuline plaan

Tegevuste jada, mis võtab 30 minutit ja annab juba täna märgatavaid tulemusi:

• Ava GTmetrix, sisesta oma saidi URL ja märgi üles praegune lehe kaal ning kiiruse skoor kui lähtetase.
• Paigalda Smush või Imagify, mõlemad on tasuta ja käivituvad kahe klikiga. Luba automaatne tihendamine.
• Käivita hulgiti optimeerimine olemasolevale meediateegile: kõik aastatega kogunenud pildid tihendatakse ühe korraga.
• Paari päeva pärast korda testi GTmetrixis. Lehe kaal peaks märgatavalt langema ja skoor tõusma rohelisse tsooni.
• Näed ikka punast? Lisa vahemälu (W3 Total Cache) ja CDN (Cloudflare). Need kolm sammu koos tõmbavad peaaegu iga saidi vormi.

Kui sinu sait on jagatud hostingul ja pärast kõiki optimeeringuid endiselt lohiseb, aitab paketi või teenusepakkuja vahetamine rohkem kui ükski plugin.