ಉಚಿತ SVG ಆಪ್ಟಿಮೈಸರ್ ಮತ್ತು ಮಿನಿಫೈಯರ್

ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

ಈ ಟೂಲ್ ಕೈಬರಹದ ಆಪ್ಟಿಮೈಜರ್ ಬಳಸಿ ಸಂಪೂರ್ಣವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ SVG ಫೈಲ್ ಗಾತ್ರವನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ — ಲೈಬ್ರರಿಗಳಿಲ್ಲ, ಸರ್ವರ್ ಇಲ್ಲ. ಇದು ಎರಡು ಪಾಸ್‌ಗಳನ್ನು ಸಂಯೋಜಿಸುತ್ತದೆ: ಅಟ್ರಿಬ್ಯೂಟ್-ಮಟ್ಟದ ನಿಖರ ಕೆಲಸಕ್ಕಾಗಿ ಬ್ರೌಸರ್‌ನ ಅಂತರ್ನಿರ್ಮಿತ DOMParser/XMLSerializer, ಮತ್ತು ಕಾಮೆಂಟ್ ತೆಗೆಯುವಿಕೆ, ಮೆಟಾಡೇಟಾ ತೆಗೆಯುವಿಕೆ, ಮತ್ತು ಖಾಲಿ-ಜಾಗ ಕುಗ್ಗಿಸುವಿಕೆಗಾಗಿ ಗುರಿಪಡಿಸಿದ regex ಬದಲಿಗಳು.

1. 1
   DOMParser SVG ಅನ್ನು ಸ್ಯಾನಿಟೈಸ್ ಮಾಡುತ್ತದೆ

   ಯಾವುದೇ ಆಪ್ಟಿಮೈಸೇಶನ್‌ಗೆ ಮೊದಲು, ಬ್ರೌಸರ್‌ನ DOMParser SVG ಅನ್ನು XML ಆಗಿ ಓದಿ ಪ್ರತಿ ಎಲಿಮೆಂಟ್ ಮೂಲಕ ವಾಕ್ ಮಾಡುತ್ತದೆ. ಸ್ಕ್ರಿಪ್ಟ್ ಟ್ಯಾಗ್‌ಗಳು, ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್‌ಗಳು (ಯಾವುದೇ on* ಅಟ್ರಿಬ್ಯೂಟ್), ಆನಿಮೇಶನ್ ಎಲಿಮೆಂಟ್‌ಗಳು, ಮತ್ತು ಬಾಹ್ಯ URL ಉಲ್ಲೇಖಗಳನ್ನು ಬೇಷರತ್ತಾಗಿ ತೆಗೆದುಹಾಕಲಾಗುತ್ತದೆ — ನೀವು ಆಯ್ಕೆಮಾಡುವ ಆಪ್ಟಿಮೈಸೇಶನ್ ಆಯ್ಕೆಗಳನ್ನು ಲೆಕ್ಕಿಸದೆ ಇದು ನಡೆಯುತ್ತದೆ.
2. 2
   DOM-ಆಧಾರಿತ ದಶಮಾಂಶ ರೌಂಡಿಂಗ್

   ದಶಮಾಂಶ ರೌಂಡಿಂಗ್ ಸಕ್ರಿಯವಾಗಿದ್ದರೆ, ಆಪ್ಟಿಮೈಜರ್ ಪಾರ್ಸ್ ಮಾಡಿದ DOM ಮೂಲಕ ಎರಡನೇ ಬಾರಿ ವಾಕ್ ಮಾಡಿ ತಿಳಿದ ಸಂಖ್ಯಾತ್ಮಕ ಅಟ್ರಿಬ್ಯೂಟ್‌ಗಳಿಗೆ ಮಾತ್ರ (path d ಡೇಟಾ, ನಿರ್ದೇಶಾಂಕಗಳು, ಟ್ರಾನ್ಸ್‌ಫಾರ್ಮ್ ಮೌಲ್ಯಗಳು, ಸ್ಟ್ರೋಕ್ ಅಗಲಗಳು, ಇತ್ಯಾದಿ) ರೌಂಡಿಂಗ್ ಅನ್ವಯಿಸುತ್ತದೆ, .5.5 ನಂತಹ ಸಂಯೋಜಿತ ಪಥ ಮೌಲ್ಯಗಳನ್ನು ಹಾಳುಮಾಡದೆ ಪ್ರತ್ಯೇಕ ಫ್ಲೋಟಿಂಗ್-ಪಾಯಿಂಟ್ ಸಂಖ್ಯೆಗಳನ್ನು ಹೊಂದಿಸುವ regex ಬಳಸಿ.
3. 3
   regex ಪಾಸ್‌ಗಳು ಸೀರಿಯಲೈಸ್ ಮಾಡಿದ ಮಾರ್ಕಪ್ ಅನ್ನು ಸ್ವಚ್ಛಗೊಳಿಸುತ್ತವೆ

   XMLSerializer ಸಾಮಾನ್ಯೀಕರಿಸಿದ XML ಉತ್ಪಾದಿಸುತ್ತದೆ, ನಂತರ ಗುರಿಪಡಿಸಿದ ಸ್ಟ್ರಿಂಗ್ ಬದಲಿಗಳು HTML ಕಾಮೆಂಟ್‌ಗಳು, Inkscape/Sodipodi ಎಡಿಟರ್ ಮೆಟಾಡೇಟಾ, XML ಘೋಷಣೆ, ಅನಗತ್ಯ ಡೀಫಾಲ್ಟ್ ಅಟ್ರಿಬ್ಯೂಟ್‌ಗಳು (version="1.1" ನಂತಹ), ಮತ್ತು ಇಂಟರ್-ಟ್ಯಾಗ್ ಖಾಲಿ ಜಾಗವನ್ನು ತೆಗೆದುಹಾಕುತ್ತವೆ — ಪ್ರತಿ ಪಾಸ್ ಪಠ್ಯ ನೋಡ್ ವಿಷಯಕ್ಕೆ ಎಂದಿಗೂ ಸ್ಪರ್ಶಿಸದಂತೆ ಸಂಕುಚಿತವಾಗಿ ವ್ಯಾಪ್ತಿಗೊಳಿಸಲಾಗಿದೆ.
4. 4
   Gzip ಗಾತ್ರ ಮತ್ತು ಎಕ್ಸ್‌ಪೋರ್ಟ್ ಫಾರ್ಮ್ಯಾಟ್‌ಗಳು

   ಬ್ರೌಸರ್‌ನ CompressionStream API ಇನ್‌ಪುಟ್ ಮತ್ತು ಔಟ್‌ಪುಟ್ ಎರಡರ ನಿಜವಾದ gzip ಗಾತ್ರಗಳನ್ನು ಗಣಿಸುತ್ತದೆ, ಏಕೆಂದರೆ ಇದು ವೆಬ್‌ನಲ್ಲಿ ವರ್ಗಾವಣೆ ವೆಚ್ಚವನ್ನು ನಿಜವಾಗಿ ನಿರ್ಧರಿಸುತ್ತದೆ. ಆಪ್ಟಿಮೈಸ್ ಮಾಡಿದ SVG ಅನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು, ಕಚ್ಚಾ SVG ಆಗಿ ನಕಲಿಸಬಹುದು, React JSX-ಸಿದ್ಧ camelCase ಅಟ್ರಿಬ್ಯೂಟ್‌ಗಳಿಗೆ ಪರಿವರ್ತಿಸಬಹುದು, ಅಥವಾ CSS ಡೇಟಾ URI ಆಗಿ ಎನ್‌ಕೋಡ್ ಮಾಡಬಹುದು — ಎಲ್ಲಾ ಪರಿವರ್ತನೆಗಳು ಸ್ಥಳೀಯವಾಗಿ ನಡೆಯುತ್ತವೆ.

ಸಂಬಂಧಿತ ಪರಿಕರಗಳು