Laadisite oma saidile üles SVG-ikooni ja WordPress keeldub seda vaikimisi vastu võtmast. Tuttav olukord? Vaikimisi blokeerib mootor .svg-failid turvalisuse kaalutlustel ning logo meediateeki üleslaadimise katse annab veateate „Sorry, this file type is not permitted."

Probleem ei ole vigases paigalduses ega failiõigustes. WordPress välistab SVG teadlikult lubatud failitüüpide nimekirjast, sest faili XML-struktuur võib kanda pahatahtlikku koodi. Kuid vektorgraafikast ei pea loobuma: allpool on kolm turvalist viisi SVG üleslaadimiseks ilma saiti ohtu seadmata.

💡 Kiirülevaade:

• Õpi, mis on SVG ja miks WordPress selle blokeerib
• Vali üks kolmest turvalisest üleslaadimise pluginast
• Seadista plugin oma vajadustele vastavaks paari minutiga
• Võrdle funktsioone ja saa lõplik soovitus

Mis on SVG ja kuidas see erineb JPEG-st ja PNG-st

SVG (Scalable Vector Graphics) on XML-il põhinev vektorformaat. Erinevalt rasterformaadist JPEG ja PNG, mis koosnevad pikslitest, kirjeldab SVG pilte matemaatiliselt, kasutades jooni, kõveraid ja kujundeid. Tulemuseks on pilt, mis püsib terav nii 4K-ekraanil kui ka seinasuurusel reklaambänneril.

Saidihalduri jaoks tähendab see kolme asja. Esiteks näevad sinu logo ja ikoonid ühtviisi teravad välja igal seadmel, telefonist lauaarvutiekraanini. Teiseks kaalub .svg-fail mitu korda vähem kui selle PNG-vaste: tüüpiline ikoon võtab 1-3 KB 15-30 KB asemel. Kolmandaks saab SVG-d animeerida CSS-i ja JavaScripti abil ilma kolmandate osapoolte teekideta.

Kuid on ka varjukülg. Brauser loeb XML-struktuuri koodina ja ründaja saab faili sisse põimida skripti. Just seetõttu ei lisa WordPress SVG-d vaikimisi lubatud vormingute nimekirja. Kui proovid seda üles laadida, näedki sama viga, mis ülaltoodud ekraanipildil.

SVG turvalisus: mida pead enne üleslaadimist teadma

.svg-fail on tekstidokument, mis sisaldab silte nagu <svg>, <path> ja <circle>. Brauser parsub seda peaaegu nagu HTML-i. Kui faili sees on peidetud <script>-silt või onload-töötleja, käivitab brauser selle koodi. Seda nimetatakse salvestatud XSS-iks: pahatahtlik skript salvestatakse serverisse ja käivitub iga kord, kui külastaja lehe avab.

Praktikas pole WordPressi vastu suunatud massirünnakuid SVG kaudu registreeritud; haavatavus on teada ja arendajad õppisid selle ammu sulgema. Kaasaegsed SVG-pluginad lasevad üleslaetud faili läbi sanitaartöötleja: teegi, mis eemaldab kõik ohtlikud sildid ja atribuudid, jättes alles ainult „puhta" graafika.

Reegel on lihtne: ära kunagi laadi SVG-d üles ebausaldusväärsetest allikatest. Kui faili tegi sinu disainer või see laaditi alla ametlikult ikoonisaidilt, on riskid minimaalsed. Kui fail tuli tundmatult kliendilt e-posti teel, ava see kõigepealt tekstiredaktoris ja veendu, et sees pole <script>-silte ega on*-atribuute.

Allpool on kolm pluginat, mis lahendavad SVG üleslaadimise probleemi erineva kontrolli ja seadistuste tasemega.

Meetod 1: SVG Support, maksimaalsed võimalused

SVG Support on kõige populaarsem plugin vektorgraafika WordPressi üleslaadimiseks. Üle 1 miljoni aktiivse paigalduse, hinne 4,5 WordPress.org-is ja järjepidevad uuendused (viimane mais 2026) räägivad enda eest.

Paigaldamine on standardne: Plugins → Add New, trüki otsinguribale „SVG Support", klõpsa Install Now, seejärel Activate. Pärast aktiveerimist mine Settings → SVG Support.

Peamine seadistus, mille peaksid kohe sisse lülitama, on Restrict to Administrators. See takistab kõigil peale administraatorite SVG-d üles laadida. Kui oled ainus, kes saiti haldab, kaitseb see märkeruut ohtliku faili juhusliku üleslaadimise eest toimetaja või SEO-spetsialisti poolt.

Advanced Mode lubab CSS-animatsiooni ja SVG inline-renderdamise. Seda on vaja, kui plaanid ikoone animeerida või nende värvi teemastiilide kaudu muuta. Ilma selle märkeruuduta eemaldab plugin automaatselt potentsiaalselt ohtlikud atribuudid ja animatsioon võib katkeda.

SVG Support oskab ka üleslaetud faile õigete mõõtmetega <img>-sildi sisse pakkida; see on oluline Core Web Vitalsi jaoks, sest brauser reserveerib pildile ruumi enne selle laadimist ja leht ei „hüppa".

• Plussid: peeneteraline ligipääsukontroll, täiustatud režiim animatsioonide jaoks, automaatne pildi suuruse määramine, regulaarsed uuendused
• Miinused: seaded saadaval ainult eraldi vahekaardil (puudub integratsioon meediateegiga)
• Hind: tasuta
• Allalaadimine: 🔗 SVG Support WordPress.org-is

Meetod 2: Safe SVG, minimalism 10up meeskonnalt

Safe SVG on välja töötatud agentuuri 10up poolt; need on inimesed, keda usaldavad Microsoft, Adobe ja Valge Maja. Ja see on parim soovitus, mis ühel turvapluginal olla saab.

Erinevalt SVG Supportist ei vaja Safe SVG seadistamist. Paigalda, aktiveeri ja ongi valmis; võid alustada SVG üleslaadimist. Plugin kasutab sama sanitaartöötluse teeki nagu WordPressi tuum (enshrined/svg-sanitize) ja laseb iga faili üleslaadimisel sellest läbi. Ei mingeid lisaliideseid, ei seadeid; see lihtsalt töötab.

Safe SVG lubab SVG üleslaadimist kõigile kasutajatele, kellel on upload_files-õigus. Kui sinu saidil on mitu autorit, peaksid gruppi täiendavalt piirama, näiteks rollihaldusplugina abil. Kuid üksikule administraatorile on see kõige lihtsam ja turvalisem tee.

Plugin on olnud kasutusel aastaid, sellel on üle 1 miljoni aktiivse paigalduse ja hinne 4,4. Seda uuendatakse harvemini kui SVG Supporti (viimane aprillis 2026), kuid see on tegelikult stabiilsuse märk: pole midagi, mis võiks katki minna.

• Plussid: seadistamine pole vajalik, töötab kohe karbist välja, sanitaartöötlus WordPressi tuuma tasemel, arendaja laitmatu mainega
• Miinused: puuduvad ligipääsukontrolli seaded, puudub täiustatud režiim animatsioonide jaoks, puudub inline-renderdus
• Hind: tasuta
• Allalaadimine: 🔗 Safe SVG WordPress.org-is

Meetod 3: WP SVG Images, sanitaartöötlus koos rollikontrolliga

WP SVG Images on välja töötatud ShortPixeli meeskonna poolt, kes on tuntud oma pildioptimeerimise tööriistade poolest. Plugin asub SVG Supporti ja Safe SVG vahepeal: rolliseaded on olemas, kuid puuduvad üleliigsed ekraanid.

Pärast aktiveerimist lubab plugin koheselt SVG üleslaadimise kõigile administraatoritele ja toimetajatele. Settings → WP SVG Images all saad täpselt seadistada, millistel rollidel on lubatud üles laadida, ja lubada sanitaartöötluse iga rolli jaoks eraldi. Näiteks: administraatorid laadivad üles ilma kontrollita, toimetajad kohustusliku sanitaartöötlusega, autorid ei saa üldse üles laadida.

Täiendav pluss on SVG eelvaade otse meediateegis. Tavaline WordPress näitab vektorfaili asemel kohatäiteikooni. WP SVG Images renderdab pisipildi, nii et näed täpselt, mida üles laadisid, ilma faili uuel vahekaardil avamata.

Plugin pakub ka filtreid arendajatele: WPSVG_setAllowedTags ja WPSVG_setAllowedAttrs võimaldavad lisada kohandatud silte ja atribuute sanitaartöötleja lubatud nimekirja.

• Plussid: SVG eelvaade meediateegis, paindlikud sanitaartöötluse seaded rollide kaupa, filtrid arendajatele, aktiivne tugi
• Miinused: puudub täiustatud animatsioonirežiim, nõuab PHP 5.6.40+
• Hind: tasuta
• Allalaadimine: 🔗 WP SVG Images WordPress.org-is

Võrdlustabel: millist pluginat valida

Kõik kolm pluginat on tasuta ja kasutavad tõestatud sanitaartöötluse teeke. SVG Support on valik neile, kes vajavad animatsiooni ja maksimaalset kontrolli. Safe SVG on neile, kes hindavad lihtsust ega taha seadeid puutuda. WP SVG Images on kompromiss mugava eelvaate ja paindliku õiguste jaotusega.

Kuidas paigaldada SVG-plugina ja fail üles laadida: samm-sammult

Sõltumata sellest, millise plugina valid, on paigaldusprotsess sama:

1. samm. WordPressi administraatoripaneelis ava Plugins → Add New.

2. samm. Sisesta otsinguribale plugina nimi: SVG Support, Safe SVG või WP SVG Images.

3. samm. Klõpsa soovitud plugina kaardil Install Now, seejärel Activate.

4. samm. Kui pluginil on seaded (SVG Support või WP SVG Images), mine vastavale vahekaardile ja luba rollipiirangud. Safe SVG puhul pole seda sammu vaja.

5. samm. Ava postituse või lehe redaktor. Pildiplokis klõpsa „Upload"; .svg-vorming on nüüd lubatud nimekirjas.

Enne SVG-faili üleslaadimist veendu, et usaldad selle allikat. Ideaalis kasuta faile, mille sinu disainer on loonud Illustratoris, Figmas või Inkscape'is. Kui said SVG kolmandalt osapoolelt, ava see Notepadis ja skänni kiirelt: sees ei tohiks olla <script> ega onload=.

Praktikas annavad kolmesekundiline käsitsi kontroll ja plugina sanitaartöötleja kahekordse turvavaru. Aastatepikkuse WordPressiga töötamise jooksul pole me kohanud ühtegi reaalset intsidenti SVG-ga, mis oleks üles laaditud mõne kirjeldatud kolme plugina kaudu.

Kui eelistad videoformaati, näitab ülaltoodud klipp kogu protsessi plugina paigaldamisest kuni SVG lehele lisamiseni.

⁉️🤔 Korduma kippuvad küsimused

Kas ma saan SVG-d üles laadida ilma pluginata?

Lisa upload_mimes filtriga koodijupp, mis registreerib MIME-tüübi image/svg+xml. Kuid me ei soovita seda lähenemist: ilma sanitaartöötlejata avad oma saidi salvestatud XSS-ile. Plugin lahendab turvaprobleemi automaatselt; paar klõpsu versus potentsiaalne auk sinu kaitses.

Miks pole Enable SVG plugin enam saadaval?

Põhjus: „Author Request." Pluginat ei uuendatud 4 aastat ja see on WordPress.org-ist jäädavalt eemaldatud. Kui sul on see paigaldatud, asenda see ühega kolmest ülaltoodud pluginast. Neid hooldatakse aktiivselt ja need ühilduvad WordPress 7.0-ga.

Kuidas kontrollida, et üleslaetud SVG on turvaline?

Turvaline SVG koosneb seesmistest graafilistest primitiividest nagu svg, g ja path. Puhtas failis ei esine script, foreignObject ega onload või onclick atribuute. Kõik kolm selles artiklis kirjeldatud pluginat eemaldavad üleslaadimisel automaatselt ohtlikud elemendid.

Kumb formaat on logo jaoks parem, SVG või PNG?

SVG on õige valik enamiku saitide jaoks. Vektorlogo võtab vaid mõne kilobaiti, ei hägustu retina-ekraanidel ja võib CSS-i abil värvi muuta. PNG-d on vaja ainult siis, kui logo sisaldab fotot või keerulist gradienti, mis renderdub vektoris halvasti.

WP SVG Images või Safe SVG: kumb on usaldusväärsem?

Erinevus on mugavuses. Safe SVG on „seadista ja unusta" eliitagentuurilt. WP SVG Images annab sulle eelvaated meediateegis ja individuaalsed rolliseaded. Turvalisuse mõttes on need võrdsed.

Kokkuvõte: mida paigaldada aastal 2026

Kõik kolm pluginat lahendavad turvalise SVG üleslaadimise ülesande; valik taandub sinu kasutusjuhule.

Vajad vektorikoonide animatsiooni ja inline-renderdust? Vali SVG Support; see on ainus plugin täiustatud režiimiga.

Tahad lihtsalt logo üles laadida ja probleemi unustada? Safe SVG on sinu valik. Paigalda, aktiveeri, valmis.

Vajad meediateegi eelvaateid ja peeneteralist ligipääsukontrolli oma meeskonnale? Vali WP SVG Images; ShortPixel tegi mugava tööriista SVG-pluginate seas parima hinnanguga.

Lühidalt: paigalda minimalismiks Safe SVG või täielikuks kontrolliks SVG Support. Mõlemad variandid on tasuta ja testitud miljonitel saitidel. Ja mis kõige tähtsam, pärast ükskõik millise kolmest pluginast paigaldamist kaob viga „file type not permitted" jäädavalt.