இலவச SVG ஆப்டிமைசர் & மினிஃபையர்

இது எவ்வாறு செயல்படுகிறது

இந்தக் கருவி முழுவதும் உங்கள் உலாவியில் இயங்கும் கையால் எழுதிய optimizer மூலம் SVG கோப்பு அளவைக் குறைக்கிறது — நூலகங்கள் இல்லை, சர்வர் இல்லை. இரண்டு சுற்றுகளை இணைக்கிறது: attribute-நிலை துல்லிய வேலைக்கு உலாவியின் உள்ளமைந்த DOMParser/XMLSerializer, comment நீக்கம், metadata நீக்கம், வெற்றிடச் சுருக்கத்துக்கு இலக்கு regex மாற்றீடுகள்.

1. 1
   DOMParser SVG ஐச் சுத்திகரிக்கிறது

   எந்த மேம்படுத்தலுக்கும் முன், உலாவியின் DOMParser SVG ஐ XML ஆகப் படித்து ஒவ்வொரு உறுப்பிலும் நடக்கிறது. Script tags, event handlers (எந்த on* attribute உம்), animation உறுப்புகள், வெளி URL குறிப்புகள் நிபந்தனையின்றி நீக்கப்படுகின்றன — நீங்கள் எந்த மேம்படுத்தல் விருப்பங்களைத் தேர்ந்தெடுத்தாலும் இது இயங்கும்.
2. 2
   DOM அடிப்படை தசம முழுமையாக்கல்

   தசம முழுமையாக்கல் இயக்கத்தில் இருந்தால், optimizer பாகுபடுத்திய DOM இல் இரண்டாம் முறை நடந்து அறியப்பட்ட எண் attributes க்கு மட்டும் (path d தரவு, ஆயங்கள், transform மதிப்புகள், stroke அகலங்கள் முதலியன) முழுமையாக்கலைப் பயன்படுத்துகிறது; .5.5 போன்ற இணைந்த path மதிப்புகளைச் சிதைக்காமல் தனி floating-point எண்களைப் பொருத்தும் regex மூலம்.
3. 3
   Regex சுற்றுகள் serialize செய்த markup ஐச் சுத்தம் செய்கின்றன

   XMLSerializer இயல்பாக்கிய XML ஐத் தருகிறது, பின் இலக்கு string மாற்றீடுகள் HTML comments, Inkscape/Sodipodi editor metadata, XML declaration, தேவையற்ற இயல்பு attributes (version="1.1" போன்றவை), tags இடையேயான வெற்றிடங்களை நீக்குகின்றன — ஒவ்வொரு சுற்றும் குறுகிய வரம்பில் உள்ளதால் text node உள்ளடக்கம் ஒருபோதும் தொடப்படுவதில்லை.
4. 4
   Gzip அளவு மற்றும் ஏற்றுமதி வடிவங்கள்

   உலாவியின் CompressionStream API உள்ளீடு, வெளியீடு இரண்டின் உண்மையான gzip அளவுகளையும் கணக்கிடுகிறது; இணையத்தில் பரிமாற்றச் செலவை உண்மையில் தீர்மானிப்பது அதுவே. மேம்படுத்திய SVG ஐப் பதிவிறக்கலாம், மூல SVG ஆக நகலெடுக்கலாம், React JSX-க்குத் தயாரான camelCase attributes ஆக மாற்றலாம், அல்லது CSS data URI ஆகக் குறியாக்கலாம் — அனைத்து மாற்றங்களும் உள்ளூரில் நடக்கின்றன.

தொடர்புடைய கருவிகள்