SVG अनुकूलक
- फ़ाइलें आपके डिवाइस से बाहर नहीं जातीं
- ब्राउज़र में चलता है
- मुफ़्त, बिना खाते, बिना वॉटरमार्क
Drop SVG files here, or click to choose
SVG, SVGZ स्वीकार करता है · Ctrl+V / ⌘V से भी चिपका सकते हैं
Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.
SVG अनुकूलक का उपयोग कैसे करें
अपने ब्राउज़र छोड़े बिना SVGO से SVG फ़ाइलें छोटी करें। डिफ़ॉल्ट, सुरक्षित या अधिकतम प्रीसेट चुनें या अलग प्लगइन चालू-बंद करें, मूल से पिक्सेल अंतर जाँचें, और परिणाम SVG, डेटा URI या React घटक के रूप में निर्यात करें।
- 1
SVG या SVGZ फ़ाइलें पृष्ठ पर छोड़ें, या SVG कोड पेस्ट करें; नमूना एक उदाहरण लोड करता है।
- 2
अनुकूलन के अंतर्गत डिफ़ॉल्ट, सुरक्षित या अधिकतम चुनें, और संख्या परिशुद्धता, मल्टीपास तथा सुंदर प्रिंट समायोजित करें।
- 3
वैकल्पिक: अलग SVGO प्लगइन चालू या बंद करने के लिए प्लगइन समूह खोलें; रीसेट डिफ़ॉल्ट पर लौटाता है।
- 4
परिणाम साथ-साथ, स्लाइडर से, या अंतर के अंतर्गत तुलना करें, जहाँ बदले पिक्सेल लाल दिखते हैं।
- 5
SVG, डेटा URI या React टैब चुनें, फिर SVG डाउनलोड करें या .jsx डाउनलोड करें पर क्लिक करें; कई फ़ाइलों के लिए सभी डाउनलोड करें (ZIP) उपयोग करें।
अक्सर पूछे जाने वाले प्रश्न
क्या मेरे SVG अपलोड होते हैं?
नहीं। SVGO आपके ब्राउज़र के बैकग्राउंड वर्कर में चलता है, इसलिए फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं।
क्या अनुकूलन मेरे SVG का रूप बदलेगा?
डिफ़ॉल्ट प्रीसेट वही रूप लक्ष्य करता है। अंतर दोनों संस्करण रेंडर करता है और बदले पिक्सेल का हिस्सा बताता है, या एक जैसा दिखता है। बहुत कम संख्या परिशुद्धता बारीक विवरण विकृत कर सकती है।
एनिमेटेड या स्क्रिप्टेड SVG के लिए कौन सा प्रीसेट उपयुक्त है?
सुरक्षित। यह संरचना, ID और आकृतियाँ अछूती छोड़ता है, इसलिए CSS चयनक और स्क्रिप्ट अपने तत्व फिर भी पाती हैं।
अधिकतम ने चौड़ाई और ऊँचाई क्यों हटा दी?
अधिकतम शीर्षक, आयाम और स्क्रिप्ट भी हटा देता है, जो CSS या img से उपयोग होने वाले आइकन के लिए उपयुक्त है; SVG तब अपने कंटेनर के अनुसार स्केल होता है। आकार रखने के लिए वेब एम्बेडिंग के अंतर्गत removeDimensions का टिक हटाएँ।
Base64 या URL-एन्कोडेड डेटा URI उपयोग करूँ?
अधिकांश मामलों में Base64 बंद छोड़ें: URL-एन्कोडेड URI आमतौर पर छोटा होता है और gzip बेहतर होता है। इसे केवल वहाँ चालू करें जहाँ उपकरण Base64 की अपेक्षा करे।
React निर्यात कैसे काम करता है?
React टैब अनुकूलित SVG को फ़ाइल के नाम वाले JSX घटक में लपेटता है, JSX के लिए फिर लिखे गुणों और svg तत्व को दिए props के साथ। .jsx डाउनलोड करें उसे सहेजता है।