कोई अपलोड नहीं, 100% स्थानीय, कोई खाता नहीं

SVG ऑप्टिमाइज़र

एक SVG पेस्ट करें या छोड़ें और SVGO से इसे संकुचित करें। सब कुछ आपके ब्राउज़र में रहता है।

SVG ऑप्टिमाइज़र कैसे काम करता है

SVG Optimizer आपके ब्राउज़र के अंदर Web Worker में SVGO (SVG Optimizer) चलाता है ताकि आपकी SVG फ़ाइलें अपलोड किए बिना minify और clean हों। SVGO plugin का एक कॉन्फ़िगर करने योग्य सेट लागू करता है जो comments हटाता है, whitespace संकुचित करता है, समान paths मर्ज करता है, shapes को उनके सबसे compact representation में बदलता है और ऐसी attributes हटाता है जिनका कोई दृश्य प्रभाव नहीं है। परिणाम एक छोटी SVG है जो मूल के समान रेंडर होती है।

Figma, Illustrator या Inkscape जैसे डिज़ाइन टूल से बनाई गई SVG फ़ाइलों में अक्सर उल्लेखनीय overhead होती है: editor-specific metadata, empty groups, redundant transform attributes और namespace declarations जिनकी किसी ब्राउज़र को आवश्यकता नहीं। SVGO का डिफ़ॉल्ट plugin सेट इस overhead को विश्वसनीय रूप से हटाता है। अनुकूलित फ़ाइल डाउनलोड के लिए उपलब्ध होती है और प्रतिशत आकार कमी दिखाई जाती है ताकि आप पुष्टि कर सकें कि अनुकूलन सार्थक था।

SVG ऑप्टिमाइज़र: चरण दर चरण उपयोग विधि

  1. अपनी SVG फ़ाइल अपलोड क्षेत्र पर ड्रॉप करें या ब्राउज़ करने के लिए क्लिक करें।
  2. SVGO Web Worker तुरंत डिफ़ॉल्ट plugin सेट के साथ अनुकूलन चलाता है।
  3. प्रतिशत कमी और मूल बनाम अनुकूलित फ़ाइल आकार देखें।
  4. अनुकूलित SVG अपने डिवाइस पर सहेजने के लिए Download पर क्लिक करें।
  5. यदि विशिष्ट plugins रेंडरिंग समस्याएं पैदा करते हैं, तो plugin कॉन्फ़िगरेशन समायोजित करें और फिर से अनुकूलित करें।

सामान्य उपयोग के मामले

  • एक फ्रंट-एंड डेवलपर प्रोडक्शन एसेट पाइपलाइन में कमिट करने से पहले Figma से एक्सपोर्ट किए गए आइकन को अनुकूलित करता है, हर आइकन को 4 KB से घटाकर 1 KB से भी कम कर देता है।
  • एक वेब डिज़ाइनर Illustrator से एक्सपोर्ट किए गए SVG चित्रों को साफ़ करता है, जिनमें ब्राउज़र में अदृश्य लेकिन फ़ाइल को बड़ा करने वाले एडिटर मेटाडेटा की लेयर होती हैं।
  • SVG glyphs से icon font बनाने वाला एक डेवलपर font build चरण से पहले यह सुनिश्चित करता है कि प्रत्येक स्रोत SVG clean और consistently structured हो।
  • एक performance engineer HTML में inline SVG का ऑडिट करता है और पेज weight सुधारने के लिए प्रत्येक bloated मूल को SVGO-अनुकूलित संस्करण से बदलता है।

अक्सर पूछे जाने वाले प्रश्न

क्या SVGO मेरी SVG कैसी दिखती है, उसे बदलेगा?

SVGO के डिफ़ॉल्ट plugins दृश्यात्मक रूप से हानिरहित होने के लिए चुने गए हैं: अनुकूलित SVG सभी मानक ब्राउज़रों में मूल के समान रेंडर होती है। कुछ आक्रामक plugins (जैसे जो path निर्देशांकों को बहुत भारी गोल करते हैं) सूक्ष्म रेंडरिंग अंतर ला सकते हैं। यदि आप कोई दृश्य परिवर्तन देखें, तो ब्राउज़र में मूल और अनुकूलित फ़ाइलों की तुलना करें और समस्या पैदा करने वाले plugin को अक्षम करें।

क्या अनुकूलन के लिए SVG फ़ाइल सर्वर पर भेजी जाती है?

नहीं। SVGO आपके ब्राउज़र टैब के अंदर Web Worker में चलता है। SVG टेक्स्ट आपकी लोकल डिस्क से पढ़ा जाता है, JavaScript मेमोरी में प्रोसेस होता है, और आउटपुट डाउनलोड के लिए पेज पर वापस आता है। फ़ाइल सामग्री आपके डिवाइस से नहीं जाती।

मेरी SVG कितनी छोटी होगी?

कमी स्रोत पर निर्भर करती है। editor metadata के साथ डिज़ाइन टूल से एक्सपोर्ट की गई SVGs आमतौर पर 30 से 70 प्रतिशत तक सिकुड़ती हैं। हाथ से लिखी SVGs जो पहले से lean हैं, केवल 5 से 15 प्रतिशत कमी देख सकती हैं। टूल सटीक byte count और प्रतिशत दिखाता है ताकि आप प्रत्येक फ़ाइल का व्यक्तिगत रूप से मूल्यांकन कर सकें।

क्या अनुकूलन फ़ाइल के अंदर SVG animations या JavaScript को प्रभावित करता है?

यह कॉन्फ़िगरेशन एनिमेशन एलिमेंट और SMIL एट्रिब्यूट को सुरक्षित रखता है। यह script एलिमेंट ज़रूर हटाता है: टूल SVGO के डिफ़ॉल्ट preset के ऊपर removeScripts प्लगिन जोड़ता है, क्योंकि जो SVG आप एम्बेड करने वाले हैं उसमें executable कोड नहीं होना चाहिए। एट्रिब्यूट साफ़ करने वाले कुछ प्लगिन एनिमेशन के साथ हस्तक्षेप कर सकते हैं अगर एनिमेशन उन एट्रिब्यूट को ID से संदर्भित करता हो; जटिल एनिमेशन वाली फ़ाइलें ऑप्टिमाइज़ करने के बाद रेंडर हुआ आउटपुट ज़रूर जाँचें।

क्या मैं एक साथ कई SVG फ़ाइलें अनुकूलित कर सकता हूं?

वर्तमान संस्करण एक समय में एक SVG फ़ाइल प्रोसेस करता है। एक फ़ाइल ड्रॉप करें, परिणाम डाउनलोड करें, फिर अगली फ़ाइल ड्रॉप करें। इस रिलीज़ में एक सत्र में कई फ़ाइलों के लिए बैच प्रोसेसिंग उपलब्ध नहीं है।

टूल SVGO का कौन सा संस्करण उपयोग करता है?

टूल Web Worker में चलने वाला SVGO बंडल करता है। बंडल किया गया संस्करण टूल की about जानकारी में उल्लेखित है। SVGO सक्रिय रूप से maintained है और plugin API v1, v2 और v3 के बीच महत्वपूर्ण रूप से बदल गई; वर्तमान टूल v3 plugin फॉर्मेट उपयोग करता है।