कदम 1
एक पूर्ण SVG जोड़ें
एक स्थानीय .svg फ़ाइल को 2 MiB तक लोड करें या अच्छी तरह से बने SVG मार्कअप को पेस्ट करें। जब तक आप इसे साफ़ नहीं करते या प्रतिस्थापित नहीं करते तब तक स्रोत संपादन योग्य रहता है।
SVG मार्कअप अपलोड या पेस्ट करें, इसे SVGO के साथ स्थानीय रूप से अनुकूलित करें, और डाउनलोड करने से पहले कोड, फ़ाइल आकार और दृश्य परिणाम की तुलना करें। कोई लॉगिन या सर्वर अपलोड की आवश्यकता नहीं है।
एक SVG · 2 MiB तक · स्थानीय प्रसंस्करण
मार्कअप पेस्ट करें या फ़ाइल लोड करें, चुनें कि SVGO क्या बदल सकता है, फिर निर्यात से पहले सटीक स्रोत और परिणाम की तुलना करें।
<svg> रूट के साथ XML को पूरा करें। अनुकूलित करने के लिए Ctrl/Command+Enter दबाएँ।
अभी तक कोई अनुकूलित परिणाम नहीं
संपूर्ण SVG जोड़ें, सेटिंग्स की समीक्षा करें और ऑप्टिमाइज़र चलाएँ।
कदम 1
एक स्थानीय .svg फ़ाइल को 2 MiB तक लोड करें या अच्छी तरह से बने SVG मार्कअप को पेस्ट करें। जब तक आप इसे साफ़ नहीं करते या प्रतिस्थापित नहीं करते तब तक स्रोत संपादन योग्य रहता है।
कदम 2
रूढ़िवादी डिफ़ॉल्ट रखें या जानबूझकर आईडी, वर्णनात्मक-तत्व, आयाम, परिशुद्धता, स्क्रिप्ट, मल्टीपास और फ़ॉर्मेटिंग सेटिंग्स बदलें।
कदम 3
सटीक बाइट और संरचना परिवर्तनों और दोनों प्रतिबंधित पूर्वावलोकन की समीक्षा करें, फिर अनुकूलित SVG को कॉपी या डाउनलोड करें और इच्छित एकीकरण में इसका परीक्षण करें।
एक SVG XML मार्कअप है, इसलिए उपयोगी बचत अक्सर निर्यात डेटा को हटाने और समान आकृतियों को अधिक कॉम्पैक्ट रूप से प्रस्तुत करने से होती है। उपलब्ध कटौती इस बात पर निर्भर करती है कि स्रोत कैसे बनाया गया था।
डिफ़ॉल्ट SVGO पाइपलाइन टिप्पणियां, मेटाडेटा, संपादक नामस्थान, खाली मान और अन्य अनावश्यक मार्कअप हटा देती है। यह शैलियों, रंगों, परिवर्तनों और समूहों को भी संकुचित कर सकता है।
समन्वय परिशुद्धता और पथ परिवर्तन बाइट्स बचा सकते हैं, विशेष रूप से विस्तृत चित्रों में। कम परिशुद्धता वाले राउंड अधिक आक्रामक होते हैं, इसलिए बारीक ज्यामिति के लिए नज़दीकी दृश्य समीक्षा की आवश्यकता होती है।
एक वर्बोज़ डिज़ाइन-टूल निर्यात हाथ से छोटा किए गए आइकन की तुलना में अधिक हटाने योग्य डेटा प्रदान कर सकता है। एक छोटा या पहले से ही अनुकूलित स्रोत संरक्षण या पठनीय-आउटपुट सेटिंग्स के तहत लगभग अपरिवर्तित रह सकता है या बड़ा हो सकता है।
सबसे छोटा मार्कअप स्वचालित रूप से सर्वोत्तम संपत्ति नहीं है। ऐसी जानकारी रखें जिसकी आस-पास की साइट, घटक, स्टाइलशीट, या सहायक तकनीक को अभी भी आवश्यकता है।
आंतरिक URL संदर्भों को आईडी क्लीनअप के दौरान अपडेट किया जा सकता है, लेकिन बाहरी CSS चयनकर्ता, जावास्क्रिप्ट लुकअप और अलग-अलग इनलाइन दस्तावेज़ ऑप्टिमाइज़र के लिए अदृश्य हैं। जब वे निर्भरताएँ मौजूद हों तो आईडी सुरक्षित रखें।
एक SVG शीर्षक या विवरण एक सुलभ नाम या स्पष्टीकरण में योगदान दे सकता है, जो इस बात पर निर्भर करता है कि संपत्ति कैसे अंतर्निहित है। अंतिम एकीकरण की जाँच के बाद ही उन तत्वों को हटाएँ।
चौड़ाई और ऊंचाई को हटाने से जब संभव हो तो एक व्यूबॉक्स बना रहता है या बन जाता है, लेकिन यह संपत्ति के आंतरिक आकार को बदल देता है। पुष्टि करें कि CSS या कंटेनर आपके इच्छित आयामों की आपूर्ति करता है।
कार्यक्षेत्र एक तेज़ तुलना प्रदान करता है, न कि यह प्रमाण कि प्रत्येक ब्राउज़र, संपादक, घटक या एनीमेशन समान व्यवहार करता है। परिणाम का परीक्षण करें जहां यह वास्तव में चलेगा।
स्रोत और परिणाम गैर-संवादात्मक छवि संसाधनों के रूप में प्रदर्शित होते हैं। इस पृष्ठ में SVG मार्कअप डाले बिना स्पष्ट रंग, ज्यामिति, फसल और पहलू-अनुपात परिवर्तनों को पकड़ने के लिए उनका उपयोग करें।
फ़ॉन्ट, टेक्स्ट स्पेसिंग, फ़िल्टर, मास्क, CSS, एनीमेशन, बाहरी संसाधन और स्क्रिप्ट संदर्भ पर निर्भर करते हैं। किसी उत्पादन परिसंपत्ति को बदलने से पहले इच्छित साइट या एप्लिकेशन में डाउनलोड की गई फ़ाइल खोलें।
अनुकूलित मार्कअप आमतौर पर एक निर्यात कलाकृति है। भविष्य में संपादन, हैंडऑफ़, एक्सेसिबिलिटी समीक्षा या डिबगिंग के मामले में मूल डिज़ाइन फ़ाइल या पढ़ने योग्य SVG रखें।
स्थानीय प्रसंस्करण अनावश्यक डेटा स्थानांतरण को कम करता है, जबकि प्रतिबंधित पूर्वावलोकन स्रोत इनलाइन निष्पादित करने से बचते हैं। वे विकल्प मनमाने ढंग से SVG को विश्वसनीय एप्लिकेशन कोड में नहीं बदलते हैं।
चयनित फ़ाइल को टेक्स्ट के रूप में पढ़ा जाता है और स्थापित ब्राउज़र SVGO बिल्ड में भेज दिया जाता है। यह पृष्ठ स्रोत या परिणाम को किसी बाहरी अनुकूलन समापन बिंदु पर नहीं भेजता है।
दोनों पूर्वावलोकन ब्राउज़र के SVG छवि संदर्भ का उपयोग करते हैं, जहां स्क्रिप्ट अक्षम हैं और बाहरी संसाधन लोड नहीं किए गए हैं। वहां जानबूझकर इंटरैक्टिव व्यवहार का परीक्षण नहीं किया जाता है।
स्क्रिप्ट और ईवेंट हैंडलर को हटाना एक स्थिर संपत्ति के लिए उपयोगी है, लेकिन अन्य जोखिम भरा या संदर्भ-संवेदनशील मार्कअप बना रह सकता है। समर्पित सैनिटाइज़र और सुरक्षा नीति के बिना कभी भी अविश्वसनीय आउटपुट इनलाइन न करें।
स्रोत फ़ाइल या चिपकाया गया मार्कअप इस ब्राउज़र टैब में संसाधित किया जाता है। कोई बाहरी अनुकूलन अनुरोध नहीं जोड़ा गया है, और स्रोत इस पृष्ठ द्वारा सहेजा नहीं गया है।
हां. आप SVG को पेस्ट या लोड कर सकते हैं, इसे ऑप्टिमाइज़ कर सकते हैं, परिणाम का पूर्वावलोकन कर सकते हैं, मार्कअप की प्रतिलिपि बना सकते हैं, और पंजीकरण, साइन इन या आउटपुट को अनलॉक किए बिना फ़ाइल डाउनलोड कर सकते हैं।
किसी बाहरी अनुकूलन सेवा का उपयोग नहीं किया जाता है। चयनित फ़ाइल को टेक्स्ट के रूप में पढ़ा जाता है और वर्तमान ब्राउज़र टैब में संसाधित किया जाता है; यह पृष्ठ आपके SVG के लिए कोई अपलोड या संग्रहण अनुरोध नहीं जोड़ता है।
यह प्रीसेट-डिफ़ॉल्ट प्लगइन पाइपलाइन और कार्यक्षेत्र में दिखाई गई सेटिंग्स के साथ SVGO 4 के स्थापित ब्राउज़र बिल्ड का उपयोग करता है। मल्टीपास डिफ़ॉल्ट रूप से सक्षम है।
दोनों एक समय में एक SVG के लिए समर्थित हैं। एक स्थानीय .svg फ़ाइल 2 MiB तक हो सकती है, या आप स्रोत संपादक में एक पूर्ण, अच्छी तरह से निर्मित SVG दस्तावेज़ पेस्ट कर सकते हैं।
कोई सार्वभौमिक गारंटी संभव नहीं है। SVGO मार्कअप को पुनर्गठित कर सकता है और संख्यात्मक मानों को गोल कर सकता है, और फ़ॉन्ट, फ़िल्टर, एनीमेशन, या एकीकरण-विशिष्ट व्यवहार अलग-अलग प्रस्तुत कर सकता है। पूर्वावलोकनों की तुलना करें और डाउनलोड किए गए परिणाम का उसके वास्तविक संदर्भ में परीक्षण करें।
आईडी को ग्रेडिएंट्स, मास्क, क्लिप पथ, CSS, जावास्क्रिप्ट, या किसी अन्य दस्तावेज़ द्वारा संदर्भित किया जा सकता है। ऑप्टिमाइज़र आंतरिक संदर्भों को अपडेट कर सकता है, लेकिन यह हर बाहरी निर्भरता की खोज नहीं कर सकता है, इसलिए यह पृष्ठ तब तक आईडी रखता है जब तक आप क्लीनअप का विकल्प नहीं चुनते।
SVGO का निष्कासन विकल्प व्यूबॉक्स मौजूद होने पर निश्चित चौड़ाई और ऊंचाई को हटा देता है, या सादे संख्यात्मक आयामों से व्यूबॉक्स प्राप्त कर सकता है। यह CSS के माध्यम से SVG आकार बना सकता है, लेकिन यह आंतरिक आकार के व्यवहार को बदल देता है और इसका परीक्षण किया जाना चाहिए कि संपत्ति का उपयोग कहां किया जाता है।
हाँ, डिफ़ॉल्ट रूप से। कार्यक्षेत्र <शीर्षक> और <desc> को सुरक्षित रखता है क्योंकि वे कुछ एकीकरणों में सुलभ नामों या विवरणों का समर्थन कर सकते हैं। आप संदर्भ की समीक्षा करने के बाद जानबूझकर उन्हें छोटे आउटपुट के लिए हटा सकते हैं।
नहीं. विकल्प SVGO द्वारा प्रबंधित स्क्रिप्ट तत्वों, इवेंट-हैंडलर विशेषताओं और स्क्रिप्ट लिंक को हटा देता है, लेकिन अनुकूलन पूर्ण सैनिटाइज़र नहीं है। अविश्वसनीय SVG जिसे इनलाइन डाला जाएगा, उसे एक समर्पित सुरक्षा समीक्षा, सैनिटाइज़र और सामग्री नीति की आवश्यकता है।
एक स्रोत पहले से ही कॉम्पैक्ट हो सकता है, संरक्षण सेटिंग्स उपलब्ध परिवर्तनों को सीमित कर सकती हैं, पठनीय स्वरूपण रिक्त स्थान जोड़ता है, या आवश्यक मार्कअप अन्य बचत की भरपाई कर सकता है। परिणाम यह मानने के बजाय कि प्रत्येक फ़ाइल छोटी हो गई है, वास्तविक UTF-8 बाइट अंतर की रिपोर्ट करता है।
किसी अन्य ब्राउज़र-आधारित टूल के साथ जारी रखें।
SVG रंगों का निरीक्षण करें और परिवर्तित करें
विज़ुअली कोई रंग चुनें या HEX मान दर्ज करें, फिर RGB, HSL और अपारदर्शिता को फाइन-ट्यून करें। परिणाम का पूर्वावलोकन करें, आस-पास के टोन की तुलना करें, और बिना लॉगिन के सटीक रंग कोड कॉपी करें।
एक SVG रंग जोड़ी की जाँच करें
WCAG 2.2 AA और AAA के विरुद्ध टेक्स्ट और पृष्ठभूमि रंगों का परीक्षण करें। सटीक कंट्रास्ट अनुपात देखें, चयनित फ़ॉन्ट आकार और वजन का पूर्वावलोकन करें, और पहचानें कि जोड़ी पास होती है या नहीं।
एक CSS ग्रेडिएंट बनाएं
दो से छह रंग स्टॉप के साथ रैखिक, रेडियल या शंकु ग्रेडिएंट बनाएं। परिणाम का लाइव पूर्वावलोकन करें, प्रासंगिक दिशा या मूल को समायोजित करें, और साइन इन किए बिना उपयोग के लिए तैयार CSS को कॉपी करें।
SVG को PNG में बदलें
एक SVG अपलोड करें, अपना आवश्यक PNG आकार चुनें, परिणाम का पूर्वावलोकन करें और इसे डाउनलोड करें। बिना किसी पंजीकरण या लॉगिन के उपयोग करने के लिए निःशुल्क।