Nola txikitu dezaket SVG fitxategi baten tamaina?

Arrastatu .svg fitxategi bat edo itsatsi bere iturburua, mantendu lehenetsitako aukerak, eta alderatu Jatorrizkoa eta Optimizatuta tamainak. Ondoren, erabili Deskargatu .svg edo Kopiatu emaitza txikiagoa lortzeko.

Zer kentzen du SVG optimizatzaileak lehenespenez?

Lehenespenez iruzkinak, metadatuak (title, desc eta Inkscape edo Sodipodi datuak barne), zuriune gehigarriak, soberan dauden atributu lehenetsiak eta XML deklarazioa kentzen ditu, eta zenbakiak 2 dezimaletara biribiltzen ditu.

Zergatik mantentzen dira elementuen IDak optimizatu ondoren?

Kendu elementuen id atributuak aukera lehenespenez desaktibatuta dago, CSS edo JavaScript bidezko animazioek ID horiek erreferentzia ditzaketelako. Aktibatu zure orrian ezerk haien menpekotasunik ez badu soilik.

Zergatik desagertu dira nire SVG animazioak?

Script etiketak, on-event atributuak, kanpoko erreferentziak eta animate zein set bezalako SMIL animazio-elementuak segurtasunagatik kentzen dira; beraz, optimizatutako SVG-a estatikoa da.

Erabil al dezaket optimizatutako SVG-a React edo CSSn?

Bai. Kopiatu eta Deskargatu .svg botoiez gain, Kopiatu JSX gisa (atributuak camelCase-ra bihurtzen dituena) eta Kopiatu CSS fondo ere eskuragarri daude. Aurrebista bisualak dena oraindik behar bezala bistaratzen dela egiaztatzeko aukera ematen dizu.

Bai. Tresna guztiak doakoak dira, konturik gabe eta kreditu-txartelik gabe. Lanak zure gailuan egiten dira gure zerbitzarietan egin beharrean, eta horri esker mantentzen da doakoa.

Igotzen dira nire fitxategiak?

Ez. Zure fitxategiak nabigatzailearen barruan irekitzen eta prozesatzen dira, eta ez dira LibraTool-era bidaltzen. Tresna batzuek aurretik prozesatze-motor bat edo AA eredu bat deskargatzen dute zure nabigatzailean; deskarga horrek ez du zure daturik.

Mugikorrean funtzionatzen al du?

Bai. iOS eta Android-eko mugikorretako oraingo nabigatzaileetan funtzionatzen du, ezer instalatu gabe. Fitxategi oso handiak motelak izan daitezke edo memoria agortu dezakete telefonoan, beraz erabili ordenagailu bat horietarako.

✨

SVG Optimizatzailea eta Txikitzailea doan

Kendu metadatuak, bildu zuriuneak eta biribildu dezimalak SVG fitxategi-tamaina dramatikoki murrizteko — tipikoki %30-70 murrizketak. Aurrebista bisualak ezer hautsi ez den egiaztatzen du.

Fitxategiaren tamaina zure gailuaren araberakoa daFitxategiak pribatuak diraEz da saioa hasi beharBetiko doan

Linez kanpo funtzionatzen du behin kargatuta

Jaregin fitxategi bat hemen edo egin klik arakatzeko

SVG · zure gailuan prozesatua

edo sakatu Ctrl+V arbeletik itsasteko

Arakatu fitxategiak

— edo itsatsi SVG behean —

Zure fitxategiak ez dira inoiz zure gailutik irteten. Prozesamendu guztia zure arakatzailean gertatzen da lokalean.

Ohiko erabilerak

Optimizatu SVG Ikonoak ProdukziorakoKendu beharrezko metadatua SVG ikonoetatik bidaltzean - tipikoa 50-80% murriztasuna.
Optimizatu Marka Logo SVGsMurriztu SVG logo fitxategi tamaina azkarraren orriaren kargatze kalitate sacrifizioa barik.
Optimizatu Ilustrazioak eta Hero SVGsHandiagoa ilustrazio (heroe, ornament grafikak), optimizatzeak 30-70% mozten fitxategi tamainatik.
Murriztu JavaScript Sorta TamainaGaur SVGs React osagaietan inportatua edo kodean aldarazi, optimizatzeak sorta JS murrizten.
Garbitu Figma / Sketch SVG IrteerakFigma eta Sketch SVG irteerak zabala metadatua sartu. Kendu produkzioan erabili baino lehen.

Nola Funtzionatzen Du

Tresna honek SVG fitxategi-tamaina murrizten du eskuz idatzitako optimizatzaile bat erabiliz, erabat zure nabigatzailean funtzionatzen duena — liburutegirik ez, zerbitzaririk ez. Bi pasada konbinatzen ditu: nabigatzailearen barneko DOMParser/XMLSerializer atributu-mailako lan zehatzerako, eta bideratutako erregex ordezkapenak iruzkinak kentzeko, metadatuak ezabatzeko, eta zuriunea kolapsatzeko.

1
DOMParser-ek SVGa garbitzen du
Edozein optimizazio baino lehen, nabigatzailearen DOMParserrek SVGa XML gisa irakurtzen du eta elementu bakoitza zeharkatzen du. Script etiketak, gertaera-kudeatzaileak (edozein on* atributu), animazio-elementuak, eta kanpo URL erreferentziak baldintzarik gabe kentzen dira — hau hautatzen dituzun optimizazio-aukerak edozein direla ere exekutatzen da.
2
DOM-oinarritutako dezimal biribiltzea
Dezimal biribiltzea gaituta badago, optimizatzaileak analizatutako DOM bigarren aldiz zeharkatzen du eta biribiltzea atributu zenbakizko ezagunei bakarrik aplikatzen die (path d datuak, koordenatuak, transform balioak, marra-zabalerak, e.a.), zenbaki koma mugikorreko indibidualak parekatzen dituen erregex bat erabiliz .5.5 bezalako kateatutako path balioak hondatu gabe.
3
Erregex pasadek serializatutako markup garbitzen dute
XMLSerializer-ek XML normalizatua sortzen du, gero bideratutako kate-ordezkapenek HTML iruzkinak, Inkscape/Sodipodi editorearen metadatuak, XML deklarazioa, atributu lehenetsi erredundanteak (version="1.1" bezalakoak), eta etiketen arteko zuriunea kentzen dituzte — pasada bakoitza zehazki mugatuta, testu-nodoen edukia inoiz ukitu gabe.
4
Gzip tamaina eta esportazio-formatuak
Nabigatzailearen CompressionStream APIak sarrera eta irteera biak benetako gzip tamaina kalkulatzen ditu, hori baita webean transferentzia-kostua benetan zehazten duena. Optimizatutako SVG deskarga daiteke, SVG gordin gisa kopiatu, React JSX-prest camelCase atributuetara bihurtu, edo CSS datu-URI gisa kodetu — bihurketa guztiak lokalki gertatzen dira.

Zure SVG erabat zure nabigatzaile-fitxan irakurri eta prozesatzen da — fitxategi-byteek inoiz ez dute zure gailutik ateratzen.

Erlazionatutako tresnak

🗜️

CSS Txikitzailea eta Apaintzailea

Txikiatu CSS fitxategi-tamaina murrizteko edo apainduz txikitutako CSS irakurgarritasunerako. Berehalakoa, zure nabigatzailean.

Probatu

🗜️

GIF konpresorea

Txikiagotu GIF animatu bat: doitu tamaina-muga batera, adibidez Discorden 256 KB-ko emojia edo 512 KB-ko stickerra, edo aukeratu zuk kolore, zabalera eta fotograma kopurua. Zure nabigatzailean exekutatzen da; GIFa ez da igotzen.

ProbatuFitxategiak lokalean geratzen dira

📄

PDF konpresorea

Konprimitu PDF fitxategiak tamaina murrizteko. Aukeratu kalitate-maila bat — konpresio handiagoak fitxategi txikiagoak eta irudi-fideltasun baxuagoa dakar.