મફત SVG ઓપ્ટિમાઇઝર અને મિનિફાયર

આ કેવી રીતે કાર્ય કરે છે

આ ટૂલ હાથે લખેલા optimizer વડે SVG ફાઇલ કદ ઘટાડે છે જે સંપૂર્ણપણે તમારા બ્રાઉઝરમાં ચાલે છે — કોઈ લાઇબ્રેરીઓ નહીં, કોઈ સર્વર નહીં. તે બે passes ને જોડે છે: attribute-level precision કામ માટે બ્રાઉઝરના બિલ્ટ-ઇન DOMParser/XMLSerializer, અને comment stripping, metadata removal, અને whitespace collapsing માટે targeted regex substitutions.

1. 1
   DOMParser SVG sanitize કરે છે

   કોઈપણ optimization પહેલા, બ્રાઉઝરનું DOMParser SVG ને XML તરીકે વાંચે છે અને દરેક element પસાર થાય છે. Script tags, event handlers (કોઈપણ on* attribute), animation elements, અને external URL references unconditionally દૂર થાય છે — તમે કયા optimization options પસંદ કરો છો તેને ધ્યાનમાં લીધા વગર આ ચાલે છે.
2. 2
   DOM-આધારિત decimal rounding

   જો decimal rounding સક્રિય હોય, તો optimizer parsed DOM ને બીજી વખત પસાર થાય છે અને ફક્ત known numeric attributes (path d data, coordinates, transform values, stroke widths, વગેરે) પર rounding લાગુ કરે છે, .5.5 જેવા concatenated path values ને બગાડ્યા વગર individual floating-point numbers match કરતું regex વાપરીને.
3. 3
   Regex passes serialized markup સ્વચ્છ કરે છે

   XMLSerializer normalized XML બનાવે છે, પછી targeted string replacements HTML comments, Inkscape/Sodipodi editor metadata, XML declaration, redundant default attributes (જેમ કે version="1.1"), અને inter-tag whitespace strip કરે છે — દરેક pass narrowly scoped છે તેથી text node content ક્યારેય સ્પર્શાતું નથી.
4. 4
   Gzip કદ અને export formats

   બ્રાઉઝરનું CompressionStream API input અને output બંનેનું વાસ્તવિક gzip કદ ગણે છે, કારણ કે એ જ ખરેખર web પર transfer cost નક્કી કરે છે. Optimized SVG ડાઉનલોડ કરી શકાય છે, raw SVG તરીકે કૉપી કરી શકાય છે, React JSX-ready camelCase attributes માં રૂપાંતરિત કરી શકાય છે, કે CSS data URI તરીકે encode કરી શકાય છે — બધા conversions સ્થાનિક રીતે થાય છે.

સંબંધિત સાધનો