Yareeyaha & Hagaajiyaha SVG oo Bilaash ah

Ka saar metadata, kala-soo qaad bannaanka, oo wareeji tobanle si aad si aad ugu yaraysid cabbirka faylka SVG — caadi ahaan yareyn 30-70%. Hordhac muuqaal ah ayaa xaqiijiya inaysan waxba jabin.

Wuu shaqeeyaa oflaayn marka la shubo

Faylasha halkan ku rid, ama guji si aad u baarato

SVG · Ma jiro xadid cabbirka faylka

ama taabo Ctrl+V si aad uga dhejiso clipboard-ka

Baar faylasha
— ama ku dheji SVG hoose —

Faylashaadu weligood kama tagaan qalabkaaga. Farsamaynta oo dhan waxay ka dhacdaa gudaha browser-kaaga.

Sida Ay U Shaqeyso

Qalabkani wuxuu yareeyaa cabbirka faylka SVG isagoo isticmaalaya optimizer gacan lagu qoray oo gebi ahaanba biraawsarkaaga ka shaqeeya — laybreri, server midna ma jiraan. Wuxuu isku daraa laba hab: DOMParser/XMLSerializer-ka biraawsarka ku dhex jira ee shaqada sax-ahaanta sifada-heer-leh, iyo beddel regex bartilmaameedsan oo saaraya faallooyin, saaraya metadata, iyo soo-koobaya bannaanka.

  1. 1
    DOMParser wuxuu nadiifiyaa SVG-ga
    Ka hor xoojin kasta, DOMParser-ka biraawsarku wuxuu akhriyaa SVG-ga XML ahaan wuxuuna maraa unug kasta. Calaamadaha script, maareeyayaasha dhacdada (sifo kasta oo on*), unugyada animation-ka, iyo tixraacyada URL-ka dibadeed waxaa la saaraa iyada oo aan shuruud lahayn — tani waxay ka shaqaysaa iyada oo aan la eegin ikhtiyaarka optimization ee aad doorato.
  2. 2
    Wareejinta decimal-ka ku salaysan DOM
    Haddii wareejinta decimal-ku shidan tahay, optimizer-ku wuxuu maraa DOM-ka la falanqeeyay mar labaad wuxuuna wareejinta kaliya ku dabaqaa sifooyinka tirooyinka la yaqaan (path d data, iskudubaridyo, qiyamka transform, ballaadhka stroke, iwm), isagoo isticmaalaya regex u dhigma lambarro floating-point gaar ah iyada oo aan qiyamka path-ka isku dhafan sida .5.5 la xumeynin.
  3. 3
    Hab-mar regex ah ayaa nadiifiya markup-ka la sumeeyay
    XMLSerializer wuxuu soo saaraa XML caadiyaysan, kadibna beddello xarig oo bartilmaameedsan waxay ka saaraan faallooyin HTML, metadata tafatiraha Inkscape/Sodipodi, bayaanka XML, sifooyin default oo dheeraad ah (sida version="1.1"), iyo bannaanka calaamado-dhexaadka — hab-mar kastaaba si cidhiidhi u yaal si nuxurka node-ka qoraalku aanu weligiis taaban.
  4. 4
    Cabbirka gzip iyo qaabab soo-saar
    API-ga CompressionStream ee biraawsarka wuxuu xisaabiyaa cabbirrada gzip dhabta ah ee labadaba gelitaanka iyo wax-soo-saarka, sababtoo ah taasi baa dhab ahaan go'aamisa kharashka gudbinta shabakadda. SVG-ga la sifeeyay waa laga soo dejin karaa, loo koobiyeyn karaa SVG qaawan, u beddeli karaa sifooyin camelCase oo React JSX diyaar u ah, ama sumayn karo sida URI xog CSS ah — dhammaan beddellada waxay ka dhacaan si gudaha ah.

SVG-kaaga waa la akhriyaa waana la habeeyaa gebi ahaanba tab-ka biraawsarkaaga — bytes-ka faylku weligood kama baxaan aaladdaada.

Qalabka La Xiriira

Su'aalaha Inta Badan La Iska Weydiiyo