Jinsi gani napunguza ukubwa wa faili ya SVG?

Dondosha faili ya .svg au bandika chanzo chake, weka chaguo chaguo-msingi, na linganisha saizi za Asili na Iliyoboreshwa. Kisha tumia Pakua .svg au Nakili kuchukua matokeo madogo.

Kiboresha SVG kinaondoa nini kwa chaguo-msingi?

Kwa chaguo-msingi kinaondoa maoni, metadata ikijumuisha title, desc na data ya Inkscape au Sodipodi, nafasi za ziada, sifa chaguo-msingi zisizo za lazima na tamko la XML, na kuzungusha nambari hadi sehemu 2 za desimali.

Kwa nini vitambulisho vya vipengele vinawekwa baada ya kuboresha?

Ondoa sifa za id za vipengele imezimwa kwa chaguo-msingi kwa sababu CSS au uhuishaji wa JavaScript unaweza kurejelea vitambulisho hivyo. Washa tu ikiwa hakuna chochote kwenye ukurasa wako kinachotegemea.

Kwa nini uhuishaji wangu wa SVG ulitoweka?

Lebo za script, sifa za on-event, marejeleo ya nje na vipengele vya uhuishaji vya SMIL kama animate na set vinaondolewa kwa usalama, hivyo SVG iliyoboreshwa ni tuli.

Naweza kutumia SVG iliyoboreshwa kwenye React au CSS?

Ndiyo. Mbali na Nakili na Pakua .svg, kuna Nakili kama JSX, ambayo inabadilisha sifa kuwa camelCase, na Nakili CSS background. Muonekano wa Visual unakuruhusu kuangalia kuwa bado inachorwa kwa usahihi.

Ndiyo. Kila zana ni bure kutumia, bila akaunti na bila kadi ya mkopo. Kazi inafanyika kwenye kifaa chako badala ya seva zetu, jambo linaloiwezesha kuwa bure kutumika.

Je, faili zangu hupakiwa?

Hapana. Faili zako hufunguliwa na kuchakatwa ndani ya kivinjari chako na hazitumwi kwa LibraTool. Baadhi ya zana kwanza hupakua injini ya uchakataji au modeli ya AI kwenye kivinjari chako; upakuaji huo hauna data yako yoyote.

Je, inafanya kazi kwenye simu?

Ndiyo. Inafanya kazi kwenye vivinjari vya kisasa vya simu vya iOS na Android, bila kusakinisha chochote. Faili kubwa sana zinaweza kuwa polepole au kuishiwa kumbukumbu kwenye simu, kwa hiyo tumia kompyuta kwa hizo.

✨

Kiboresha & Kipunguzi cha SVG bila malipo

Ondoa metadata, punguza nafasi, na pungua desimali ili kupunguza kwa kiasi kikubwa ukubwa wa faili ya SVG — upunguzaji wa kawaida wa 30-70%. Hakiki ya kuona inathibitisha hakuna kinachoharibiwa.

Ukubwa wa faili unategemea kifaa chakoFaili zinabaki faraghaHakuna kuingia kinachohitajikaBure milele

Inafanya kazi bila mtandao mara ikishapakia

Dondosha faili hapa, au bofya ili kuchagua

SVG · kuchakatwa kwenye kifaa chako

au bonyeza Ctrl+V ili kubandika kutoka ubao wa kunakili

Vinjari faili

— au bandika SVG hapa chini —

Faili zako hazitoki kwenye kifaa chako kamwe. Uchakataji wote unafanyika ndani ya kivinjari chako.

Matumizi ya kawaida

Sitari Picha za SVG kwa ajili ya uzalishajiOndoa data isiyo na lazima kutoka kwa picha za SVG kabla ya kumfukuza — kupungua kawaida kwa 50-80%.
Sitari Chapa ya Chapa SVGPunguza ukubwa wa faili la SVG wa chapa kwa ajili ya haraka ya kuokoeza wavuti bila kutokuza ubora.
Sitari Kielezi na msamiati wa SVGKwa ajili ya mielezi mikubwa (msamiati, michoro ya kuandika), sitari inaweza kukata 30-70% ya ukubwa wa faili.
Kupunguza ukubwa wa bundle ya JavaScriptWakati SVG zinarejewa kama sehemu za React au zipo katika msimbo, sitari ya SVG inapunguza mkakati wa JS.
Safisha Figma / Sketch SVG SafariFigma na Sketch SVG safari kujumuisha data upana. Ondoa kabla ya kutumia katika uzalishaji.

Jinsi Inavyofanya Kazi

Kifaa hiki kinapunguza ukubwa wa faili la SVG kwa kutumia kiboreshaji kilichoandikwa mwenyewe kinachofanya kazi kikamilifu kwenye kivinjari chako — hakuna maktaba, hakuna seva. Kinaunganisha pitio mbili: DOMParser/XMLSerializer za ndani za kivinjari kwa kazi sahihi ya ngazi ya sifa, na ubadilishaji lengwa wa regex kwa kuondoa maoni, kuondoa data-msingi, na kubana nafasi tupu.

1
DOMParser inasafisha SVG
Kabla ya uboreshaji wowote, DOMParser ya kivinjari inasoma SVG kama XML na kupitia kila kipengele. Lebo za script, vishughulikiaji vya tukio (sifa yoyote ya on*), vipengele vya uhuishaji, na marejeleo ya URL ya nje vinaondolewa bila masharti — hii inafanyika bila kujali chaguo lako la uboreshaji ulilochagua.
2
Kuzungusha kwa desimali kunakotegemea DOM
Ikiwa kuzungusha kwa desimali kumewashwa, kiboreshaji kinapitia DOM iliyochambuliwa mara ya pili na kutumia kuzungusha tu kwa sifa za nambari zinazojulikana (data ya path d, viwianishi, thamani za transform, upana wa stroke, n.k.), kwa kutumia regex inayolinganisha namba za nukta-inayoelea binafsi bila kuharibu thamani za path zilizounganishwa kama .5.5.
3
Pitio la regex linasafisha msimbo uliosawazishwa
XMLSerializer inatoa XML iliyosanifishwa, kisha ubadilishaji lengwa wa mfuatano unaondoa maoni ya HTML, data-msingi ya kihariri cha Inkscape/Sodipodi, tamko la XML, sifa chaguo-msingi za ziada (kama version="1.1"), na nafasi tupu kati ya lebo — kila pitio likiwekwa kikomo kidogo ili maudhui ya nodi ya maandishi kamwe yasiguswe.
4
Ukubwa wa Gzip na miundo ya utoaji
CompressionStream API ya kivinjari inahesabu ukubwa halisi wa gzip wa uingizaji na matokeo, kwa sababu hicho ndicho kinachoamua gharama halisi ya uhamishaji kwenye wavuti. SVG iliyoboreshwa inaweza kupakuliwa, kunakiliwa kama SVG ghafi, kubadilishwa kuwa sifa za React JSX tayari za camelCase, au kusimbwa kama URI ya data ya CSS — ubadilishaji wote unafanyika ndani ya kivinjari.

SVG yako inasomwa na kuchakatwa kikamilifu ndani ya kichupo cha kivinjari chako — baiti za faili kamwe haziondoki kwenye kifaa chako.

Zana Zinazohusiana

🗜️

Kipunguzi & Kiboresha cha CSS

Punguza CSS kupunguza ukubwa wa faili au iboreshe CSS iliyopunguzwa kwa usomekaji. Wa haraka, kwenye kivinjari chako.

Jaribu

🗜️

Kipunguza Ukubwa wa GIF

Punguza ukubwa wa GIF inayosogea: ifanye ikae chini ya kikomo cha ukubwa kama emoji ya Discord ya KB 256 au kibandiko cha KB 512, au chagua rangi, upana na fremu mwenyewe. Hufanya kazi kwenye kivinjari chako; GIF haipakiwi.

JaribuFaili ni za ndani

📄

Kibana PDF

Bana faili za PDF ili kupunguza ukubwa wake. Chagua kiwango cha ubora — ubanaji zaidi humaanisha faili ndogo lakini ubora wa chini wa picha.