Lehe kiirus ei sõltu ainult hostimisest ja koodist. Pildid, mida üles laadite, muutuvad sageli peamiseks pudelikaelaks: üksainus „raske" foto kaamerast võib kaaluda 5-8 MB ja lisada lehe laadimisajale sekundi. Mis siis, kui teil on kümme sellist fotot?

Pildiformaat määrab, kuidas seda tihendatakse, kuidas see värve renderdab ja kuidas brauserid seda kuvavad. Vale valik tähendab uduseid ekraanipilte, hiiglaslikke PNG-faile kompaktsete WebP-failide asemel ja kohtade langust pingereas: Google arvestab Core Web Vitalsi näitajaid.

Allpool on konkreetsed soovitused iga ülesande jaoks: fotod, ekraanipildid, logod, animatsioonid. Ja kuidas lisada formaate, mida WordPress vaikimisi ei aktsepteeri.

💡 Kiirülevaade:

• Tehke kindlaks, mida üles laadite: foto, ekraanipilt, logo või animatsioon, sest see määrab formaadi valiku.
• Fotode puhul kasutage AVIF-i või WebP-d (tihendus on sama kvaliteedi juures oluliselt parem kui JPEG-l).
• Ekraanipiltide ja logode puhul PNG (kadudeta) või AVIF (kadudega, kuid drastiliselt väiksem maht).
• Animatsioonide puhul WebP GIF-i asemel (maht mitu korda väiksem).
• Kui WordPress ei aktsepteeri vajalikku formaati, lisage tugi functions.php või pluginaga.
• Täitke alati alt-tekst ja tihendage pildid enne üleslaadimist või automaatselt optimeerimisplugina kaudu.

Miks on pildifaili formaat WordPressi jaoks kriitiline

Formaat ei ole lihtsalt faililaiend. See on kodeerimisalgoritm, mis määrab kolm asja: pildikvaliteedi, failimahu ja brauseri ühilduvuse. Kõik kolm mõjutavad otseselt teie saidi ärinäitajaid.

Laadimiskiirus ja Core Web Vitals. 2 MB JPEG-foto ja sama foto AVIF-vormingus 400 KB juures näevad välja identsed, kuid laadivad 5 korda erinevalt. Google hindab Largest Contentful Painti (LCP) ja pildid on sageli lehe kõige raskem element. Pluginad nagu Smush teisendavad faile automaatselt WebP-ks või AVIF-iks, kuid õige lähteformaadi valimine säästab serveriressursse.

SEO tagajärjed. Lehe kiirus on otsene Google'i pingerea signaal. Rasked pildid langetavad teie Core Web Vitalsi skoori ja leht kaotab positsioone isegi siis, kui tekst on suurepäraselt optimeeritud. Portenti uuring (2024) näitas, et LCP vähendamine 4 sekundilt 2 sekundile suurendab B2B valdkondades keskmiselt sihtlehe konversiooni 15-20%.

Visuaalne kvaliteet. Erinevad formaadid käsitlevad gradiente, teksti ja peeneid detaile erinevalt. JPEG tekitab artefakte kõrge kontrastsusega servade ümber, mis näeb ekraanipiltidel räpane välja. PNG säilitab teravuse, kuid kaalub mitu korda rohkem. AVIF lahendab mõlemad probleemid: tihendus on võrreldava visuaalse kvaliteedi juures oluliselt tõhusam kui JPEG-l.

Kohandatavus. Kasutajad külastavad saiti telefonidest, tahvelarvutitest ja lauaarvutitest, kasutades erinevaid brausereid. AVIF-i toetavad Chrome, Firefox ja Opera (alates 2021-2022) ning Safari alates versioonist 16 (sügis 2022). WebP on töötanud kõikjal alates 2020. aastast. JPEG ja PNG on universaalne varuvariant, millest saab aru iga viimase 20 aasta brauser.

Milliseid pildiformaate WordPress 2026. aastal toetab

WordPress on radikaalselt muutunud. Kui varem töötasid „karbist välja" ainult JPEG, PNG, GIF ja ICO, siis WordPress 5.8 (2021) lisas natiivse WebP toe ja WordPress 6.5 (aprill 2024) lisas täieliku AVIF-i toe.

Vaikimisi saadaolevate formaatide täielik loetelu (WordPress ≥6.5):

SVG (vektorformaat) ei ole WordPressi poolt turvakaalutlustel vaikimisi aktsepteeritud, kuna SVG-failid võivad sisaldada JavaScripti. Kui vajate SVG-d logode või ikoonide jaoks, lubage see functions.php kaudu filtreerimisega või kasutage spetsiaalset pluginat nagu Safe SVG WordPress.org-is.

Formaatide võrdlus: millal mida kasutada

JPEG (JPG)

Standard aastast 1992, mis W3Techsi (2026) andmetel katab endiselt umbes 77% kõigist internetis olevatest piltidest. Kadudega tihendus kvaliteeditaseme kontrolliga; 85-92 on „magus koht". Miljonid värvid, suurepärased gradiendid.

Puudus: puudub läbipaistvuse tugi. Iga JPEG on ristkülik. Ei sobi läbipaistva taustaga logo jaoks. Lisaks tihendusartefaktid teravatel kõrge kontrastsusega servadel, mis tähendab, et liidese ekraanipildid näevad JPEG-vormingus räpased välja.

Millal kasutada: fotod, suured taustapildid, fotosisuga blogipostitused, kui te mingil põhjusel ei kasuta WebP-d/AVIF-i.

PNG

Formaat, mis loodi tasuta alternatiivina GIF-ile. Kadudeta tihendus: mitte ükski piksel ei lähe kaotsi. Täielik alfa-läbipaistvus (256 taset) võimaldab sujuvaid varje ja poolläbipaistvaid elemente.

Puudus: maht. PNG-foto võib visuaalselt identsel kvaliteedil kaaluda 5-10 korda rohkem kui JPEG-versioon. Sisupiltide jaoks on see põhjendamatu.

Millal kasutada: liidese ekraanipildid (teksti teravus on kriitiline), logod, infograafika, diagrammid, ikoonid, tekstiga pildid.

GIF

Formaat 256 värviga ja kaaderhaaval animatsiooniga. Varajase interneti legend. Kadudeta tihendus, kuid piiratud palett muudab selle fotode jaoks sobimatuks, kuna gradiendid muutuvad „astmeteks".

Puudus: animatsioonide hiiglaslik maht. 5-sekundiline GIF võib kaaluda 10-15 MB, samas kui sama klipp WebP-animatsioonina kaalub 1-2 MB.

Millal kasutada: ainult siis, kui vajate lühikest helita animatsiooni ja WebP/AVIF-versioon pole saadaval.

WebP

Google tutvustas WebP-d 2010. aastal, kuid formaat sai tõeliselt hoo sisse pärast 2020. aastat, kui kõik suuremad brauserid lisasid toe. See toetab nii kadudega kui kadudeta tihendust ühes formaadis. Läbipaistvus, jah. Animatsioon, jah. WebP-pildid on keskmiselt 25-35% väiksemad kui PNG ja 25-34% väiksemad kui JPEG samaväärse kvaliteedi juures.

Puudus: kirjutamise hetkel ei ole see enam kõige tõhusam formaat, kuna AVIF edestab seda tihenduses. Kuid varuvariandina on WebP asendamatu.

Millal kasutada: universaalne formaat kõige jaoks. Kui te pole kindel, valige WebP. Fotod, ekraanipildid, animatsioonid, graafika, see saab kõigega hakkama.

AVIF

Kõige tõhusam pildiformaat 2026. aastal. Põhineb AV1 videokoodekil. AVIF-pildid on 30-50% väiksemad kui WebP sama visuaalse kvaliteedi juures. Toetab HDR-i, laia värvigammat, kadudega ja kadudeta tihendust, läbipaistvust ja animatsiooni. WordPress 6.5+ toetab AVIF-i natiivselt, nii et saate otse meediateeki üles laadida.

Puudus: Safari lisas toe alles versiooniga 16 (sügis 2022), seega vanemad iPhone'id ja Macid aegunud versioonidega ei kuva AVIF-i. See lahendatakse WebP/JPEG varuvariandi lisamisega <picture> elemendi või optimeerimisplugina kaudu.

Millal kasutada: prioriteetne formaat fotode ja ekraanipiltide jaoks. Kui teie sait töötab WordPress ≥6.5 peal, on AVIF teie esmane valik, WebP-ga kui kindlustus.

Kuidas lisada tuge täiendavatele formaatidele

WordPress filtreerib üleslaaditud faile MIME-tüübi järgi. Kui teil on vaja lubada SVG, BMP või mõni muu formaat, lisage see upload_mimes konksu kaudu oma teema functions.php failis:

1
add_filter( 'upload_mimes', 'techblog_add_mime_types' );
2
function techblog_add_mime_types( $mime_types ) {
3
    $mime_types['svg']  = 'image/svg+xml';
4
    $mime_types['bmp']  = 'image/bmp';
5
    $mime_types['webp'] = 'image/webp';   // WP 5.8+ not required
6
    $mime_types['avif'] = 'image/avif';   // WP 6.5+ not required
7
 
8
    return $mime_types;
9
}

Kood lisatakse aktiivse teema functions.php faili või Code Snippets plugina kaudu. Enne muutmist tehke varukoopia, sest PHP viga viib saidi kokku.

SVG puhul hoiatus. SVG-failid võivad sisaldada JavaScripti. Kui lubate SVG üleslaadimise, kasutage Safe SVG pluginat (puhastab skriptid), mis puhastab failid ja eemaldab skriptid enne meediateeki salvestamist.

Alternatiiv on File Upload Types pistikprogramm, mis lisab liidese kaudu toe kümnetele vormingutele. Ühe või kahe vormingu puhul on upload_mimes konks lihtsam.

Parimad tavad: suurus, SEO ja optimeerimine

Optimaalne pildisuurus

Laadi pildid üles täpselt lehel vajaminevas suuruses. Kui pilt on 800 px laiuses veerus, pole mõtet laadida üles 4000 px originaali. WordPress loob üleslaadimisel mitu suurust (pisipilt, keskmine, suur), kuid originaalfail salvestatakse serverisse ja seda võidakse brauserile edastada, kui kutsutakse välja full.

Reegel: enne üleslaadimist muuda pildi suurus maksimaalseks kuvamislaiuseks (tavaliselt 1200-1600 px sisuala jaoks). Tööriistad: Photoshop, Google'i tasuta Squoosh, cwebp käsurea utiliit.

Üleslaadimislimiidi suurendamine

Vaikimisi piirab WordPress üleslaaditava faili suuruse 2 MB-ni. Kaasaegse AVIF-i puhul on see harva probleem (failid on oluliselt väiksemad kui JPEG), kuid suure PNG või animeeritud WebP üleslaadimisel võib piirang segada.

Paljudel majutusteenuse pakkujatel saab piirangut muuta juhtpaneeli kaudu. Näiteks Cloudwaysis mine Server Management → Settings and Packages. GoDaddy puhul cPaneli kaudu; Media Temple'i puhul php.ini faili redigeerides; ja WP Engine'i puhul pead võtma ühendust toega. Kui sul puudub otsene juurdepääs serveri seadetele, lisa wp-config.php faili:

1
define( 'WP_MEMORY_LIMIT', '256M' );

See suurendab PHP mälulimiiti ja tõstab kaudselt üleslaadimise lävendit.

Piltide SEO: alt-tekst ja failinimed

Otsingumootorid ei „näe" pilte; nad loevad nende atribuute. Alt-tekst on pildi kirjeldus, mida indekseeritakse ja loevad ekraanilugejad.

Hea alt-teksti reeglid:

• Kirjelda, mis pildil on postituse kontekstis. Mitte „kuvatõmmis", vaid „Cloudwaysi juhtpaneel, kus Upload Size väli on esile tõstetud."
• 4-8 sõna, eesti keeles, koos alajaotuse märksõnaga.
• Ära alusta fraasidega „Pilt…" või „Foto…"
• Dekoratiivsete piltide puhul jäta alt="".

Ka failinimi loeb. IMG_20241015_142302.jpg ei ütle otsingumootorile midagi. wordpress-image-format-comparison-chart.png ütleb. Nimeta failid enne üleslaadimist ümber.

Pildioptimeerimise pluginad

Iga faili käsitsi optimeerimine võtab aega. Pluginad automatiseerivad protsessi: need pakivad faile, teisendavad WebP/AVIF formaati ja edastavad brauserile optimaalse formaadi. WPShouti testide (2025) põhjal on 4 parimat:

Põhjalikum ülevaade optimeerimispluginatest on meie eraldi artiklis.

Analüütikal põhinev strateegia

Google Analytics (või Matomo) näitab, milliseid seadmeid ja brausereid külastajad kasutavad. See määrab, milline formaat peaks olema esmane. Näiteks kui suurem osa publikust kasutab uusimaid Chrome'i ja Safari versioone, on AVIF õigustatud ning ülejäänute jaoks saad pluginaga seadistada WebP varuvariandi.

Kui paljudel külastajatel on iPhone, milles töötab iOS 15 või vanem, siis AVIF ei tööta ning esmaseks formaadiks peaks olema WebP, mille kindlustuseks on JPEG. Meil on üksikasjalik juhend kolme meetodiga, kuidas serveerida WebP pilte WordPressis, alates CDN-ist kuni käsitsi <picture> elemendini.

Video: AVIF ja WebP WordPressis praktikas

See lühike video näitab piltide AVIF-iks ja WebP-ks teisendamise protsessi otse WordPressi administraatoriliideses ning võrdleb faile enne ja pärast:

AVIF-formaat pakub oluliselt paremat tihendust kui WebP, kusjuures erinevus on eriti märgatav sujuvate üleminekute ja rohkete detailidega fotodel. WordPress 6.5+ toetab AVIF-i natiivselt, ilma pluginateta.

⁉️🤔 Korduma kippuvad küsimused

Mis vahe on kahjudega ja kadudeta tihendusel?

Kahjudega algoritmid eemaldavad silmale märkamatuid andmeid (JPEG, AVIF kahjudega, WebP kahjudega). Fail on väike, kuid kvaliteet halveneb iga uuesti salvestamisega. Kadudeta säilitab iga piksli muutmata kujul (PNG, GIF, AVIF kadudeta, WebP kadudeta). Fail on suurem, kuid ideaalne teksti sisaldava graafika jaoks. Sisufotode puhul kasuta kahjudega tihendust (AVIF kvaliteet 50-70 või WebP kvaliteet 75-85) ja maht väheneb mitu korda. Kadudeta jäta logodele ja ekraanipiltidele, kus teravus on oluline.

Millise formaadi peaksin 2026. aastal ekraanipiltide jaoks valima?

AVIF kadudeta režiimis või kvaliteediga 90+. Ekraanipiltidel peab tekst olema loetav ja kadudeta AVIF säilitab teravuse PNG tasemel, samas kui fail on oluliselt kergem. Kui su sait töötab WordPressi versiooniga, mis on vanem kui 6.5, kasuta esmase formaadina kadudeta WebP-d ja varuvariandina PNG-d.

Testi ise: tee administraatoripaneelist ekraanipilt, salvesta see PNG-na, kadudeta WebP-na ja kadudeta AVIF-ina. Visuaalne erinevus: null. Kuid lehel, kus on poolteist tosinat ekraanipilti, on megabaidine erinevus LCP jaoks juba märgatav.

Kas mul on optimeerimispluginat vaja, kui WordPress ise toetab WebP-d ja AVIF-i?

WordPress toetab WebP ja AVIF üleslaadimist, kuid ei teisenda automaatselt JPEG/PNG-d kaasaegsetesse formaatidesse. Kui laed üles valmis WebP/AVIF faile, pole pluginat vaja. Kui su lähtematerjalid on JPEG/PNG-s, siis plugin teisendab need üleslaadimisel ja serveerib brauserile optimaalse formaadi.

Lisaks lahendavad pluginad varuvariandi ülesande: nad genereerivad <picture> elemendi mitme allikaga erinevate brauserite jaoks. Ilma pluginata peaksid seda käsitsi tegema või lootma, et kõik külastajad kasutavad AVIF-i toetavaid brausereid (mis ei ole veel nii).

WebP või AVIF: kumma peaksin praegu valima?

AVIF esmaseks, WebP varuvariandiks. AVIF võidab tihenduses (märgatavalt parem kui WebP), kvaliteedis (HDR, lai värvigamma) ja brauseritoes, mis hõlmab nüüd Chrome 85+, Firefox 93+, Safari 16+ ja Opera 71+. Ainus „aga" on vanemad iOS-i seadmed: iPhone X ja vanemad, milles töötab iOS 15, ei kuva AVIF-i. Kuid nende osakaal langeb ning pluginad nagu EWWW ja Optimole serveerivad neile automaatselt WebP-d.

Kui su analüütika näitab märkimisväärset iOS 15 ja vanemate osakaalu, tee esmaseks formaadiks WebP ja AVIF valikuks „neile, kes saavad". Kõigile teistele: AVIF nüüd, WebP varuks.

Kas ma saan WordPressis logo jaoks SVG-d kasutada?

SVG on logode jaoks ideaalne formaat: lõpmatu skaleerimine ja mikroskoopiline maht (2-5 KB). Kuid WordPress blokeerib SVG XSS-ründe ohu tõttu (SVG võib sisaldada manustatud JavaScripti). Kasuta Safe SVG pluginat (turvaline üleslaadimine), mis puhastab iga üleslaetud faili ja eemaldab potentsiaalselt ohtliku koodi. Pärast seda saab SVG-d otse meediateeki üles laadida ja kasutada nagu mis tahes muud formaati.

Mida WordPressis 2026. aastal kasutada: kokkuvõte

Formaadi valik taandub kolmele reeglile. Fotod ja ekraanipildid: AVIF (eelistatult) või WebP, kahjudega tihendus kvaliteediga 70-85. Logod ja ikoonid: PNG või kadudeta AVIF + SVG Safe SVG kaudu. Animatsioonid: WebP GIF-i asemel, mahu kokkuhoid mitu korda.

Ära pane kõiki mune ühte formaadikorvi. Ideaalne strateegia: AVIF → WebP → originaal JPEG/PNG, kolm kihti <picture> või pluginaga. Peaaegu kõik külastajad saavad AVIF/WebP, ülejäänud saavad klassikalise formaadi ja keegi ei näe katkist ikooni.

Seadista automaatne optimeerimine üks kord (kohalikuks töötluseks EWWW kaudu või pilveteenuse jaoks koos CDN-iga Optimole kaudu) ja unusta käsitsi tihendamine. Kontrolli analüütikat kord kvartalis: vanade brauserite osakaal langeb ja peagi on AVIF formaat ilma mööndusteta.