Free AI Tools
उपकरण श्रेणियां ब्राउज़ करें

निःशुल्क SVG ऑप्टिमाइज़र और मिनिफ़ायर

SVG मार्कअप अपलोड या पेस्ट करें, इसे SVGO के साथ स्थानीय रूप से अनुकूलित करें, और डाउनलोड करने से पहले कोड, फ़ाइल आकार और दृश्य परिणाम की तुलना करें। कोई लॉगिन या सर्वर अपलोड की आवश्यकता नहीं है।

एक SVG · 2 MiB तक · स्थानीय प्रसंस्करण

इस ब्राउज़र में एक SVG ऑप्टिमाइज़ करें

मार्कअप पेस्ट करें या फ़ाइल लोड करें, चुनें कि SVGO क्या बदल सकता है, फिर निर्यात से पहले सटीक स्रोत और परिणाम की तुलना करें।

<svg> रूट के साथ XML को पूरा करें। अनुकूलित करने के लिए Ctrl/Command+Enter दबाएँ।

0 B / 2 MiB
अनुकूलन सेटिंग्स

एकीकरण-सामना करने वाली आईडी, वर्णनात्मक तत्वों और आयामों को संरक्षित करते हुए डिफ़ॉल्ट एक स्थिर वेब संपत्ति का पक्ष लेते हैं।

अभी तक कोई अनुकूलित परिणाम नहीं

संपूर्ण SVG जोड़ें, सेटिंग्स की समीक्षा करें और ऑप्टिमाइज़र चलाएँ।

SVG को कैसे अनुकूलित करें

कदम 1

एक पूर्ण SVG जोड़ें

एक स्थानीय .svg फ़ाइल को 2 MiB तक लोड करें या अच्छी तरह से बने SVG मार्कअप को पेस्ट करें। जब तक आप इसे साफ़ नहीं करते या प्रतिस्थापित नहीं करते तब तक स्रोत संपादन योग्य रहता है।

कदम 2

परिवर्तन सीमाएँ चुनें

रूढ़िवादी डिफ़ॉल्ट रखें या जानबूझकर आईडी, वर्णनात्मक-तत्व, आयाम, परिशुद्धता, स्क्रिप्ट, मल्टीपास और फ़ॉर्मेटिंग सेटिंग्स बदलें।

कदम 3

परिणाम की तुलना करें और निर्यात करें

सटीक बाइट और संरचना परिवर्तनों और दोनों प्रतिबंधित पूर्वावलोकन की समीक्षा करें, फिर अनुकूलित SVG को कॉपी या डाउनलोड करें और इच्छित एकीकरण में इसका परीक्षण करें।

SVG अनुकूलन क्या बदलता है

एक SVG XML मार्कअप है, इसलिए उपयोगी बचत अक्सर निर्यात डेटा को हटाने और समान आकृतियों को अधिक कॉम्पैक्ट रूप से प्रस्तुत करने से होती है। उपलब्ध कटौती इस बात पर निर्भर करती है कि स्रोत कैसे बनाया गया था।

एक्सपोर्ट और फ़ॉर्मेटिंग ब्लोट हटाएं

डिफ़ॉल्ट SVGO पाइपलाइन टिप्पणियां, मेटाडेटा, संपादक नामस्थान, खाली मान और अन्य अनावश्यक मार्कअप हटा देती है। यह शैलियों, रंगों, परिवर्तनों और समूहों को भी संकुचित कर सकता है।

संख्यात्मक और पथ डेटा को सरल बनाएं

समन्वय परिशुद्धता और पथ परिवर्तन बाइट्स बचा सकते हैं, विशेष रूप से विस्तृत चित्रों में। कम परिशुद्धता वाले राउंड अधिक आक्रामक होते हैं, इसलिए बारीक ज्यामिति के लिए नज़दीकी दृश्य समीक्षा की आवश्यकता होती है।

स्रोत-निर्भर परिणामों की अपेक्षा करें

एक वर्बोज़ डिज़ाइन-टूल निर्यात हाथ से छोटा किए गए आइकन की तुलना में अधिक हटाने योग्य डेटा प्रदान कर सकता है। एक छोटा या पहले से ही अनुकूलित स्रोत संरक्षण या पठनीय-आउटपुट सेटिंग्स के तहत लगभग अपरिवर्तित रह सकता है या बड़ा हो सकता है।

सुरक्षित SVG अनुकूलन सेटिंग्स चुनें

सबसे छोटा मार्कअप स्वचालित रूप से सर्वोत्तम संपत्ति नहीं है। ऐसी जानकारी रखें जिसकी आस-पास की साइट, घटक, स्टाइलशीट, या सहायक तकनीक को अभी भी आवश्यकता है।

फ़ाइल के बाहर उपयोग की गई आईडी को सुरक्षित रखें

आंतरिक URL संदर्भों को आईडी क्लीनअप के दौरान अपडेट किया जा सकता है, लेकिन बाहरी CSS चयनकर्ता, जावास्क्रिप्ट लुकअप और अलग-अलग इनलाइन दस्तावेज़ ऑप्टिमाइज़र के लिए अदृश्य हैं। जब वे निर्भरताएँ मौजूद हों तो आईडी सुरक्षित रखें।

डिफ़ॉल्ट रूप से वर्णनात्मक तत्व रखें

एक SVG शीर्षक या विवरण एक सुलभ नाम या स्पष्टीकरण में योगदान दे सकता है, जो इस बात पर निर्भर करता है कि संपत्ति कैसे अंतर्निहित है। अंतिम एकीकरण की जाँच के बाद ही उन तत्वों को हटाएँ।

केवल उद्देश्य पर आयाम बदलें

चौड़ाई और ऊंचाई को हटाने से जब संभव हो तो एक व्यूबॉक्स बना रहता है या बन जाता है, लेकिन यह संपत्ति के आंतरिक आकार को बदल देता है। पुष्टि करें कि CSS या कंटेनर आपके इच्छित आयामों की आपूर्ति करता है।

शिपिंग से पहले अनुकूलित SVG की समीक्षा करें

कार्यक्षेत्र एक तेज़ तुलना प्रदान करता है, न कि यह प्रमाण कि प्रत्येक ब्राउज़र, संपादक, घटक या एनीमेशन समान व्यवहार करता है। परिणाम का परीक्षण करें जहां यह वास्तव में चलेगा।

दोनों प्रतिबंधित पूर्वावलोकनों की तुलना करें

स्रोत और परिणाम गैर-संवादात्मक छवि संसाधनों के रूप में प्रदर्शित होते हैं। इस पृष्ठ में SVG मार्कअप डाले बिना स्पष्ट रंग, ज्यामिति, फसल और पहलू-अनुपात परिवर्तनों को पकड़ने के लिए उनका उपयोग करें।

पाठ, फ़िल्टर, एनिमेशन और संदर्भ का परीक्षण करें

फ़ॉन्ट, टेक्स्ट स्पेसिंग, फ़िल्टर, मास्क, CSS, एनीमेशन, बाहरी संसाधन और स्क्रिप्ट संदर्भ पर निर्भर करते हैं। किसी उत्पादन परिसंपत्ति को बदलने से पहले इच्छित साइट या एप्लिकेशन में डाउनलोड की गई फ़ाइल खोलें।

संपादन योग्य स्रोत रखें

अनुकूलित मार्कअप आमतौर पर एक निर्यात कलाकृति है। भविष्य में संपादन, हैंडऑफ़, एक्सेसिबिलिटी समीक्षा या डिबगिंग के मामले में मूल डिज़ाइन फ़ाइल या पढ़ने योग्य SVG रखें।

स्थानीय प्रसंस्करण और सुरक्षा सीमाओं को समझें

स्थानीय प्रसंस्करण अनावश्यक डेटा स्थानांतरण को कम करता है, जबकि प्रतिबंधित पूर्वावलोकन स्रोत इनलाइन निष्पादित करने से बचते हैं। वे विकल्प मनमाने ढंग से SVG को विश्वसनीय एप्लिकेशन कोड में नहीं बदलते हैं।

स्रोत प्रसंस्करण इस टैब में रहता है

चयनित फ़ाइल को टेक्स्ट के रूप में पढ़ा जाता है और स्थापित ब्राउज़र SVGO बिल्ड में भेज दिया जाता है। यह पृष्ठ स्रोत या परिणाम को किसी बाहरी अनुकूलन समापन बिंदु पर नहीं भेजता है।

पूर्वावलोकन इनलाइन SVG निष्पादित नहीं करता है

दोनों पूर्वावलोकन ब्राउज़र के SVG छवि संदर्भ का उपयोग करते हैं, जहां स्क्रिप्ट अक्षम हैं और बाहरी संसाधन लोड नहीं किए गए हैं। वहां जानबूझकर इंटरैक्टिव व्यवहार का परीक्षण नहीं किया जाता है।

अनुकूलन स्वच्छता नहीं है

स्क्रिप्ट और ईवेंट हैंडलर को हटाना एक स्थिर संपत्ति के लिए उपयोगी है, लेकिन अन्य जोखिम भरा या संदर्भ-संवेदनशील मार्कअप बना रह सकता है। समर्पित सैनिटाइज़र और सुरक्षा नीति के बिना कभी भी अविश्वसनीय आउटपुट इनलाइन न करें।

गोपनीयता और सीमाएँ

स्रोत फ़ाइल या चिपकाया गया मार्कअप इस ब्राउज़र टैब में संसाधित किया जाता है। कोई बाहरी अनुकूलन अनुरोध नहीं जोड़ा गया है, और स्रोत इस पृष्ठ द्वारा सहेजा नहीं गया है।

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

क्या यह SVG ऑप्टिमाइज़र उपयोग के लिए मुफ़्त है?

हां. आप SVG को पेस्ट या लोड कर सकते हैं, इसे ऑप्टिमाइज़ कर सकते हैं, परिणाम का पूर्वावलोकन कर सकते हैं, मार्कअप की प्रतिलिपि बना सकते हैं, और पंजीकरण, साइन इन या आउटपुट को अनलॉक किए बिना फ़ाइल डाउनलोड कर सकते हैं।

क्या टूल मेरे SVG को अपलोड या संग्रहीत करता है?

किसी बाहरी अनुकूलन सेवा का उपयोग नहीं किया जाता है। चयनित फ़ाइल को टेक्स्ट के रूप में पढ़ा जाता है और वर्तमान ब्राउज़र टैब में संसाधित किया जाता है; यह पृष्ठ आपके SVG के लिए कोई अपलोड या संग्रहण अनुरोध नहीं जोड़ता है।

यह पृष्ठ किस SVG ऑप्टिमाइज़र का उपयोग करता है?

यह प्रीसेट-डिफ़ॉल्ट प्लगइन पाइपलाइन और कार्यक्षेत्र में दिखाई गई सेटिंग्स के साथ SVGO 4 के स्थापित ब्राउज़र बिल्ड का उपयोग करता है। मल्टीपास डिफ़ॉल्ट रूप से सक्षम है।

क्या मैं SVG फ़ाइल अपलोड कर सकता हूँ या SVG कोड पेस्ट कर सकता हूँ?

दोनों एक समय में एक SVG के लिए समर्थित हैं। एक स्थानीय .svg फ़ाइल 2 MiB तक हो सकती है, या आप स्रोत संपादक में एक पूर्ण, अच्छी तरह से निर्मित SVG दस्तावेज़ पेस्ट कर सकते हैं।

क्या अनुकूलित SVG हमेशा एक जैसा दिखेगा?

कोई सार्वभौमिक गारंटी संभव नहीं है। SVGO मार्कअप को पुनर्गठित कर सकता है और संख्यात्मक मानों को गोल कर सकता है, और फ़ॉन्ट, फ़िल्टर, एनीमेशन, या एकीकरण-विशिष्ट व्यवहार अलग-अलग प्रस्तुत कर सकता है। पूर्वावलोकनों की तुलना करें और डाउनलोड किए गए परिणाम का उसके वास्तविक संदर्भ में परीक्षण करें।

SVG आईडी डिफ़ॉल्ट रूप से संरक्षित क्यों हैं?

आईडी को ग्रेडिएंट्स, मास्क, क्लिप पथ, CSS, जावास्क्रिप्ट, या किसी अन्य दस्तावेज़ द्वारा संदर्भित किया जा सकता है। ऑप्टिमाइज़र आंतरिक संदर्भों को अपडेट कर सकता है, लेकिन यह हर बाहरी निर्भरता की खोज नहीं कर सकता है, इसलिए यह पृष्ठ तब तक आईडी रखता है जब तक आप क्लीनअप का विकल्प नहीं चुनते।

चौड़ाई और ऊंचाई हटाने से क्या होता है?

SVGO का निष्कासन विकल्प व्यूबॉक्स मौजूद होने पर निश्चित चौड़ाई और ऊंचाई को हटा देता है, या सादे संख्यात्मक आयामों से व्यूबॉक्स प्राप्त कर सकता है। यह CSS के माध्यम से SVG आकार बना सकता है, लेकिन यह आंतरिक आकार के व्यवहार को बदल देता है और इसका परीक्षण किया जाना चाहिए कि संपत्ति का उपयोग कहां किया जाता है।

क्या ऑप्टिमाइज़र SVG शीर्षक और विवरण तत्व रखता है?

हाँ, डिफ़ॉल्ट रूप से। कार्यक्षेत्र <शीर्षक> और <desc> को सुरक्षित रखता है क्योंकि वे कुछ एकीकरणों में सुलभ नामों या विवरणों का समर्थन कर सकते हैं। आप संदर्भ की समीक्षा करने के बाद जानबूझकर उन्हें छोटे आउटपुट के लिए हटा सकते हैं।

क्या स्क्रिप्ट हटाने से SVG इनलाइन करने के लिए सुरक्षित हो जाता है?

नहीं. विकल्प SVGO द्वारा प्रबंधित स्क्रिप्ट तत्वों, इवेंट-हैंडलर विशेषताओं और स्क्रिप्ट लिंक को हटा देता है, लेकिन अनुकूलन पूर्ण सैनिटाइज़र नहीं है। अविश्वसनीय SVG जिसे इनलाइन डाला जाएगा, उसे एक समर्पित सुरक्षा समीक्षा, सैनिटाइज़र और सामग्री नीति की आवश्यकता है।

अनुकूलित SVG अपरिवर्तित या बड़ा क्यों है?

एक स्रोत पहले से ही कॉम्पैक्ट हो सकता है, संरक्षण सेटिंग्स उपलब्ध परिवर्तनों को सीमित कर सकती हैं, पठनीय स्वरूपण रिक्त स्थान जोड़ता है, या आवश्यक मार्कअप अन्य बचत की भरपाई कर सकता है। परिणाम यह मानने के बजाय कि प्रत्येक फ़ाइल छोटी हो गई है, वास्तविक UTF-8 बाइट अंतर की रिपोर्ट करता है।

संबंधित उपकरण

किसी अन्य ब्राउज़र-आधारित टूल के साथ जारी रखें।

निःशुल्क डिज़ाइन उपकरण

SVG रंगों का निरीक्षण करें और परिवर्तित करें

रंग चुनने वाला

विज़ुअली कोई रंग चुनें या HEX मान दर्ज करें, फिर RGB, HSL और अपारदर्शिता को फाइन-ट्यून करें। परिणाम का पूर्वावलोकन करें, आस-पास के टोन की तुलना करें, और बिना लॉगिन के सटीक रंग कोड कॉपी करें।

निःशुल्क डिज़ाइन उपकरण

एक SVG रंग जोड़ी की जाँच करें

रंग कंट्रास्ट चेकर

WCAG 2.2 AA और AAA के विरुद्ध टेक्स्ट और पृष्ठभूमि रंगों का परीक्षण करें। सटीक कंट्रास्ट अनुपात देखें, चयनित फ़ॉन्ट आकार और वजन का पूर्वावलोकन करें, और पहचानें कि जोड़ी पास होती है या नहीं।

C निःशुल्क डिज़ाइन उपकरण

एक CSS ग्रेडिएंट बनाएं

CSS ग्रेडिएंट जेनरेटर

दो से छह रंग स्टॉप के साथ रैखिक, रेडियल या शंकु ग्रेडिएंट बनाएं। परिणाम का लाइव पूर्वावलोकन करें, प्रासंगिक दिशा या मूल को समायोजित करें, और साइन इन किए बिना उपयोग के लिए तैयार CSS को कॉपी करें।

SP छवि

SVG को PNG में बदलें

SVG से PNG कनवर्टर

एक SVG अपलोड करें, अपना आवश्यक PNG आकार चुनें, परिणाम का पूर्वावलोकन करें और इसे डाउनलोड करें। बिना किसी पंजीकरण या लॉगिन के उपयोग करने के लिए निःशुल्क।