SVG-bestari

SVG-kóði er í grunninn XML-texti sem lýsir tvívíðri vigurteikningu. Þar sem kóðinn er lesanlegur texti inniheldur hann oft mikið af óþarfa upplýsingum sem hönnunarforrit og ritlar bæta við við útflutning. Þessi gögn hafa engin áhrif á hvernig myndin birtist á skjá en auka skráarstærðina óþarflega. SVG-bestari er tól sem hreinsar og minnkar SVG-kóða án þess að breyta útliti sjálfrar myndarinnar.

Með því að lágmarka stærð SVG-skráa má flýta fyrir hleðslutíma vefsíðna og bæta upplifun notenda, sérstaklega þegar um er að ræða innbyggðan SVG-kóða (e. inline SVG) sem er settur beint inn í HTML-kóða vefsíðna.

Hvernig SVG-bestun virkar í vafranum

Þegar SVG-kóði er límdur inn í reitinn sem ber heitið „SVG inntak“ vinnur tólið úr kóðanum á staðnum. Öll vinnslan fer fram beint í vafranum þínum og ekkert er sent til BroBroGo. Þetta tryggir að gögnin þín fara aldrei yfir netið á ytri netþjóna.

Við bestunina greinir tólið uppbyggingu XML-kóðans og fjarlægir skipulega þá hluta sem skipta ekki máli fyrir birtingu myndarinnar. Ef ferlið tekur of langan tíma (meira en 15 sekúndur) stöðvast vinnslan sjálfkrafa og sýnir villuboðin „Þetta tók of langan tíma og var stöðvað — prófaðu minna SVG.“. Ef inntakið er hreinsað eða því breytt á meðan bestun stendur yfir, hættir tólið strax við yfirstandandi vinnslu.

Hvað er fjarlægt og hvað er varðveitt?

Bestunin byggir á svokallaðri „taplausri“ (e. lossless) hreinsun þar sem engum myndrænum gæðum er fórnað. Tólið fylgir ströngum reglum um hvað má fjarlægja og hverju þarf að halda óbreyttu:

• Þetta er fjarlægt: Athugasemdir (e. comments), lýsigögn (e. metadata), nafnrými ritla (t.d. séreiginleikar úr hönnunarforritum eins og Illustrator eða Inkscape), auka bil í eigindum, ónotuð nafnrými og litakóðar eru styttir í jafngild en styttri form (t.d. er #ffffff breytt í #fff).
• Þessu er haldið óbreyttu: Tólið heldur viewBox eigindinni, ID-auðkennum, merkingum og allri rúmfræði óskertri. Það forðast að endurskrifa ferla (e. paths), endurnefna ID-auðkenni, fjarlægja viewBox eða rúnna nákvæmni gilda, sem tryggir að myndin skekkist ekki eða breytist.

Öryggiskröfur og takmarkanir á inntaki

Til að tryggja örugga þáttun á XML-kóða í vefforritum gilda ákveðnar takmarkanir um það hvers konar SVG-kóða má setja inn í tólið. XML-skrár geta innihaldið einingayfirlýsingar sem geta valdið öryggisáhættu við þáttun. Þess vegna gilda eftirfarandi reglur:

• Skjalagerðir og sérsniðnar einingar: SVG-skrár sem innihalda skjalagerð (e. document type eða doctype) eða sérsniðnar einingayfirlýsingar (e. custom entity declarations) eru lokaðar. Ef reynt er að setja slíkan kóða inn birtast villuboðin „Þetta SVG notar skjalagerð (doctype) eða sérsniðna einingu. Fjarlægðu hana áður en þú bestar.“.
• Stærðartakmörk: SVG-kóðinn verður að vera undir ákveðnum hámarksfjölda stafa. Ef farið er yfir þau mörk birtast villuboðin „Þetta SVG er of stórt fyrir þetta tól. Hafðu það undir {max} stöfum.“.
• Gildur SVG-kóði: Inntakið verður að innihalda raunverulegt SVG-stak. Ef reynt er að besta texta sem inniheldur ekkert SVG-stak birtast villuboðin „Ekkert <svg> stak fannst.“. Ef reynt er að smella á „Besta“ án þess að setja inn kóða birtast villuboðin „Límdu SVG-kóða fyrst.“.

Niðurstöður og mælingar á árangri

Eftir að smellt hefur verið á hnappinn „Besta“ reiknar tólið út árangurinn og sýnir samanburð á stærð skráarinnar fyrir og eftir vinnslu. Niðurstöðurnar eru sýndar með eftirfarandi gildum:

Ef bestunin heppnast og stærðin minnkar birtast skilaboðin „Bestað — {pct}% minna ({saved} sparað).“. Ef engin stærðarbreyting átti sér stað vegna þess að kóðinn var þegar fullkomlega hreinsaður birtast skilaboðin „Bestað. Engin stærð sparaðist með öruggu hreinsuninni.“. Ef eitthvað annað fer úrskeiðis við vinnsluna birtast almennu villuboðin „Ekki tókst að besta þetta SVG.“.

Eftir bestun er hægt að afrita nýja kóðann eða smella á „Sækja“ til að vista skrána á tölvunni.

Algengar spurningar

Hvað er fjarlægt?

Það fjarlægir athugasemdir, lýsigögn, nafnrými ritla, auka bil í eigindum, ónotuð nafnrými og styttir liti í jafngild form. Það heldur viewBox, ID-auðkennum, merkingum og rúmfræði óskertri.

Getur það besta allar SVG-skrár?

Það ræður við venjulegan innbyggðan SVG-kóða. SVG-skrár með skjalagerð (doctype) eða sérsniðnum einingayfirlýsingum eru lokaðar þar sem þær geta gert þáttun óörugga. Fjarlægðu þessar yfirlýsingar og reyndu aftur.

Mun þetta breyta því hvernig myndin lítur út?

Bestunartólið forðast að endurskrifa ferla (paths), endurnefna ID, fjarlægja viewBox og rúnna nákvæmni gilda. Ef SVG-skráin þín treystir á athugasemdir eða lýsigögn fyrir hönnunarferlið þitt skaltu geyma afrit af upprunalegu skránni.

Eru gögnin mín send á einhvern netþjón?

Nei, SVG-kóðinn þinn er bestaður í vafranum þínum. Ekkert er sent til BroBroGo, sem þýðir að vinnslan fer alfarið fram á þínu eigin tæki.