නොමිලේ SVG Optimizer සහ Minifier

එය ක්‍රියා කරන්නේ කෙසේද

මෙම මෙවලම SVG ගොනු ප්‍රමාණය අතින් ලියන ලද optimizer එකකින් අඩුකරයි, එය ඔබේ බ්‍රවුසරයේ සම්පූර්ණයෙන්ම ධාවනය වේ — කිසිදු පුස්තකාලයක්, සේවාදායකයක් නැත. එය pass දෙකක් ඒකාබද්ධ කරයි: attribute-මට්ටමේ නිරවද්‍ය වැඩ සඳහා බ්‍රවුසරයේ ගොඩනැගුණු DOMParser/XMLSerializer, සහ comment ඉවත් කිරීම, metadata ඉවත් කිරීම, සහ whitespace collapse කිරීම සඳහා ඉලක්කගත regex ආදේශන.

1. 1
   DOMParser SVG එක sanitize කරයි

   ඕනෑම optimization එකකට පෙර, බ්‍රවුසරයේ DOMParser SVG එක XML ලෙස කියවා සෑම element එකක්ම හරහා ගමන් කරයි. Script tags, event handlers (ඕනෑම on* attribute එකක්), animation elements, සහ බාහිර URL references කොන්දේසි විරහිතව ඉවත් කෙරේ — ඔබ තෝරාගන්නා optimization විකල්ප කුමක් වුවත් මෙය ධාවනය වේ.
2. 2
   DOM-පාදක දශම round කිරීම

   දශම round කිරීම සක්‍රීයව ඇත්නම්, optimizer විග්‍රහ කළ DOM එක දෙවන වරටත් ගමන් කර .5.5 වැනි concatenated path values විකෘති නොකර තනි floating-point අංක ගැලපෙන regex එකක් භාවිතයෙන් දන්නා සංඛ්‍යාත්මක attributes (path d data, coordinates, transform values, stroke widths, ආදිය) වෙත පමණක් round කිරීම යොදයි.
3. 3
   Regex passes serialize කළ markup පිරිසිදු කරයි

   XMLSerializer සාමාන්‍යකරණය කළ XML නිපදවයි, පසුව ඉලක්කගත string ප්‍රතිස්ථාපන HTML comments, Inkscape/Sodipodi editor metadata, XML declaration, අනවශ්‍ය පෙරනිමි attributes (version="1.1" වැනි), සහ tag අතර whitespace ඉවත් කරයි — එක් එක් pass පෙළ node අන්තර්ගතය කිසිවිටෙකත් touch නොවන ලෙස පටු ලෙස scope කර ඇත.
4. 4
   Gzip ප්‍රමාණය සහ අපනයන ආකෘති

   බ්‍රවුසරයේ CompressionStream API ආදාන සහ ප්‍රතිදාන දෙකෙහිම සැබෑ gzip ප්‍රමාණයන් ගණනය කරයි, මන්ද එයයි වෙබ් හි sançã ගාස්තුව සැබවින්ම තීරණය කරන්නේ. optimized SVG එක බාගත, raw SVG ලෙස පිටපත්, React JSX-සූදානම් camelCase attributes බවට පරිවර්තනය, හෝ CSS data URI එකක් ලෙස encode කළ හැක — සියලුම පරිවර්තන දේශීයව සිදුවේ.

සම්බන්ධ මෙවලම්