ఉచిత SVG ఆప్టిమైజర్ & మినిఫైయర్

ఇది ఎలా పనిచేస్తుంది

ఈ టూల్ పూర్తిగా మీ బ్రౌజర్‌లో నడిచే చేతితో రాసిన optimizer ఉపయోగించి SVG ఫైల్ పరిమాణాన్ని తగ్గిస్తుంది — లైబ్రరీలు లేవు, సర్వర్ లేదు. ఇది రెండు పాస్‌లను కలుపుతుంది: attribute-స్థాయి ఖచ్చితత్వ పని కోసం బ్రౌజర్ అంతర్నిర్మిత DOMParser/XMLSerializer, మరియు కామెంట్ తొలగింపు, metadata తొలగింపు, మరియు ఖాళీ కుదింపు కోసం లక్ష్య regex ప్రత్యామ్నాయాలు.

1. 1
   DOMParser SVGని శుభ్రపరుస్తుంది

   ఏ ఆప్టిమైజేషన్‌కైనా ముందు, బ్రౌజర్ DOMParser SVGని XMLగా చదివి ప్రతి ఎలిమెంట్‌ను పరిశీలిస్తుంది. Script ట్యాగ్‌లు, event handlers (ఏ on* attribute అయినా), animation ఎలిమెంట్‌లు, మరియు బాహ్య URL రిఫరెన్స్‌లు బేషరతుగా తీసివేయబడతాయి — మీరు ఏ ఆప్టిమైజేషన్ ఎంపికలు ఎంచుకున్నా ఇది నడుస్తుంది.
2. 2
   DOM-ఆధారిత దశాంశ రౌండింగ్

   దశాంశ రౌండింగ్ ఆన్‌లో ఉంటే, optimizer పార్స్ చేసిన DOMను రెండవసారి పరిశీలించి తెలిసిన సంఖ్యా attributesకు మాత్రమే (path d data, coordinates, transform విలువలు, stroke widths, మొదలైనవి) రౌండింగ్ వర్తింపజేస్తుంది, .5.5 వంటి కలిపిన path విలువలను పాడుచేయకుండా వ్యక్తిగత floating-point సంఖ్యలను సరిపోల్చే regex ఉపయోగిస్తుంది.
3. 3
   Regex పాస్‌లు సీరియలైజ్ చేసిన మార్కప్‌ను శుభ్రం చేస్తాయి

   XMLSerializer నార్మలైజ్ చేసిన XMLను ఉత్పత్తి చేస్తుంది, తర్వాత లక్ష్య string భర్తీలు HTML కామెంట్‌లు, Inkscape/Sodipodi ఎడిటర్ metadata, XML declaration, అనవసర default attributes (version="1.1" వంటివి), మరియు ట్యాగ్‌ల మధ్య ఖాళీలను తీసేస్తాయి — ప్రతి పాస్ ఇరుకుగా పరిమితం చేయబడింది కాబట్టి text node విషయం ఎప్పుడూ తాకబడదు.
4. 4
   Gzip పరిమాణం మరియు ఎగుమతి ఫార్మాట్‌లు

   బ్రౌజర్ CompressionStream API ఇన్‌పుట్ మరియు అవుట్‌పుట్ రెండింటి నిజమైన gzip పరిమాణాలను లెక్కిస్తుంది, ఎందుకంటే వెబ్‌లో బదిలీ ఖర్చును నిజంగా నిర్ణయించేది అదే. ఆప్టిమైజ్ చేసిన SVGని డౌన్‌లోడ్ చేయవచ్చు, ముడి SVGగా కాపీ చేయవచ్చు, React JSX-సిద్ధమైన camelCase attributesకు మార్చవచ్చు, లేదా CSS data URIగా ఎన్‌కోడ్ చేయవచ్చు — అన్ని మార్పిడులూ లోకల్‌గా జరుగుతాయి.

సంబంధిత సాధనాలు