मुफ़्त एसवीजी ऑप्टिमाइज़र और कनवर्टर: एसवीजी (बैच) को छोटा और साफ करें, एसवीजी को पीएनजी, जेपीजी, रिएक्ट जेएसएक्स या डेटा यूआरआई में परिवर्तित करें, पथ संपादित करें, व्यूबॉक्स क्रॉप करें, रंग बदलें, स्प्राइट बनाएं, प्लस वेव, ब्लॉब, पैटर्न, मेष ग्रेडिएंट और शोर जनरेटर। कोई अपलोड नहीं.
23 उपकरणों के साथ एक निःशुल्क, निजी एसवीजी कार्यक्षेत्र। एसवीजी को अनुकूलित और छोटा करें एसवीजीओ-शैली (बैचों में, पहले/बाद की जांच के साथ), फिगमा और इलस्ट्रेटर निर्यात को साफ करें, और एसवीजी को पीएनजी, जेपीजी, वेबपी, रिएक्ट घटकों या डेटा यूआरआई में परिवर्तित करें। आप अपने ब्राउज़र में फ़ाइलों को सत्यापित कर सकते हैं, पथ संपादित कर सकते हैं, व्यूबॉक्स को क्रॉप कर सकते हैं, फिर से रंग सकते हैं, स्प्राइट बना सकते हैं और तरंगें, ब्लॉब्स, पैटर्न, जाल ग्रेडिएंट, अनाज बनावट और डिवाइडर उत्पन्न कर सकते हैं।
एसवीजी फोर्ज उन एसवीजी नौकरियों को एक पेज में लाता है जिन्हें आप आम तौर पर पांच वेबसाइटों में फैलाते हैं: बैच ज़िप निर्यात के साथ एक एसवीजीओ-शैली ऑप्टिमाइज़र, एक मिनीफ़ायर, क्लीनर और फ़ॉर्मेटर; एसवीजी से पीएनजी, जेपीजी, वेबपी, रिएक्ट घटकों और डेटा यूआरआई में कन्वर्टर्स; एक सत्यापनकर्ता; एक दृश्य पथ संपादक, व्यूबॉक्स क्रॉपर, रंग प्रतिकृति और स्प्राइट बिल्डर; और तरंगों, बूँदों, पैटर्न, जाल ग्रेडियेंट, अनाज बनावट और अनुभाग डिवाइडर के लिए दस जेनरेटर। किसी भी परिणाम को एक क्लिक से अगले टूल को सौंपा जा सकता है। आप एक ब्लॉब उत्पन्न कर सकते हैं, उसे दोबारा रंग सकते हैं, उसे अनुकूलित कर सकते हैं और टैब के बीच कॉपी और पेस्ट किए बिना उसे रिएक्ट घटक के रूप में निर्यात कर सकते हैं।
विशेषताएँ
23 एसवीजी उपकरण: अनुकूलित करें, परिवर्तित करें, संपादित करें और उत्पन्न करें
एसवीजीओ-स्टाइल ऑप्टिमाइज़र: 21 टॉगल, प्रीसेट, बैच ज़िप और विज़ुअल अंतर
एसवीजी से पीएनजी, जेपीजी और वेबपी किसी भी आकार में, जिसमें 16-512 पीएक्स आइकन सेट भी शामिल है
एसवीजी टू रिएक्ट / रिएक्टिव नेटिव घटक (टीएसएक्स या जेएसएक्स)
डेटा यूआरआई एनकोडर और डिकोडर, सीएसएस पृष्ठभूमि और सीएसएस मास्क आउटपुट
सत्यापनकर्ता: सुरक्षा, पहुंच, आकार और जीज़िप रिपोर्ट
एंकर पॉइंट, एब्स↔रेल रूपांतरण और फिट-टू-आइकन के साथ पथ संपादक
एसवीजी ऑप्टिमाइज़र, कनवर्टर और जेनरेटर का उपयोग कैसे करें
1
एक उपकरण चुनें
साइडबार (या मोबाइल पर पिकर) में ऑप्टिमाइज़, कन्वर्ट, एडिट या जेनरेट में से चुनें। प्रत्येक टूल का अपना लिंक भी होता है, जैसे #svg-to-png.
2
अपना एसवीजी जोड़ें
मार्कअप चिपकाएँ, एक या अधिक .svg फ़ाइलें अपलोड करें या खींचें और छोड़ें, या क्लिपबोर्ड से पढ़ें। जेनरेटर एक तैयार डिज़ाइन से शुरू होते हैं जिन्हें आप यादृच्छिक बना सकते हैं।
3
समायोजित करें और जांचें
प्रीसेट, स्लाइडर्स और टॉगल को ट्यून करें। पूर्वावलोकन लाइव अपडेट होता है और ऑप्टिमाइज़र बाइट और जीज़िप बचत के साथ मूल और परिणाम को एक साथ दिखाता है।
4
निर्यात करें या सौंप दें
एसवीजी, रिएक्ट, डेटा यूआरआई, बेस64 या सीएसएस के रूप में कॉपी करें, .एसवीजी डाउनलोड करें, पीएनजी/जेपीजी/वेबपी निर्यात करें, या परिणाम को सीधे "ओपन इन..." के साथ दूसरे टूल पर भेजें।
सामान्य उपयोग के मामले
उत्पादन में भेजने से पहले आइकन और चित्रों को अनुकूलित और छोटा करें
फिग्मा, इलस्ट्रेटर, इंकस्केप या स्केच से फूले हुए एसवीजी निर्यात को साफ करें
संपूर्ण आइकन फ़ोल्डर को बैच-संपीड़ित करें और इसे ज़िप के रूप में डाउनलोड करें
ईमेल, सोशल मीडिया या फेविकॉन सेट के लिए एसवीजी लोगो को पीएनजी में बदलें
एसवीजी आइकन को टाइप किए गए रिएक्ट या रिएक्ट नेटिव घटकों में बदलें
सीएसएस में सबसे छोटे संभावित डेटा यूआरआई के रूप में इनलाइन छोटे आइकन
व्यूबॉक्स को उसकी सामग्री में फिट करके एसवीजी के चारों ओर खाली जगह को काटें
किसी SVG को किसी ब्रांड पैलेट में पुनः रंगें या उसे वर्तमान रंग में बदलें
आइकनों को एक पुन: प्रयोज्य <प्रतीक> स्प्राइट में बंडल करें
लैंडिंग पेजों के लिए वेव, ब्लॉब, मेश-ग्रेडिएंट और ग्रेन बैकग्राउंड बनाएं
विस्तृत मार्गदर्शिका
मुझे किस एसवीजी टूल की आवश्यकता है?
कार्य से प्रारंभ करें, उपकरण के नाम से नहीं। किसी फ़ाइल को छोटा करने के लिए, ऑप्टिमाइज़ का उपयोग करें। कहीं एसवीजी का उपयोग करने के लिए जो बिटमैप, कोड या सीएसएस चाहता है, कन्वर्ट का उपयोग करें। मौजूदा एसवीजी को ठीक करने या पुनर्स्थापित करने के लिए, संपादन का उपयोग करें। स्लाइडर से नई कलाकृति बनाने के लिए, जेनरेट का उपयोग करें।
आपके ऐप, ईमेल या सीएसएस को आवश्यक प्रारूप में एसवीजी प्राप्त करना
संपादन करना
पाथ एडिटर, व्यूबॉक्स और क्रॉप, कलर रिप्लेसर, स्प्राइट जेनरेटर
पथों को ठीक करना, रिक्त स्थान को ट्रिम करना, आइकनों को फिर से रंगना और बंडल करना
उत्पन्न
लहरें, बूँद, पैटर्न, जाल ढाल, शोर और अनाज, आकार विभाजक, बहुभुज, तारा, सर्पिल, स्क्विगल
पृष्ठभूमि, नायक अनुभाग, डिवाइडर और सजावटी आकार
एसवीजी ऑप्टिमाइज़र कैसे काम करता है, और कौन सी सेटिंग्स सुरक्षित हैं
ऑप्टिमाइज़र आपकी फ़ाइल को ब्राउज़र में एक वास्तविक XML दस्तावेज़ में पार्स करता है और SVGO पर आधारित 21 अनुकूलन लागू करता है। प्रत्येक को चालू या बंद किया जा सकता है, और तीन प्रीसेट (संतुलित, अधिकतम, केवल स्वच्छ) सामान्य मामलों को कवर करते हैं। साइड-बाय-साइड विज़ुअल चेक मूल और अनुकूलित रेंडर दिखाता है, ताकि आप डाउनलोड करने से पहले पुष्टि कर सकें कि कुछ भी नहीं बदला गया है। आप एक साथ दर्जनों फ़ाइलें छोड़ सकते हैं और उन्हें एक ही ज़िप के रूप में वापस पा सकते हैं। इलस्ट्रेटर, इंकस्केप या फिग्मा से विशिष्ट निर्यात 30-70% सिकुड़ते हैं, और एक जीज़िप आकार दिखाया जाता है क्योंकि आपका सर्वर वास्तव में यही भेजता है।
अनुकूलन
यह क्या करता है
दृश्य जोखिम
संपादक डेटा और मेटाडेटा हटाएं
इंकस्केप, सोडिपोडी, इलस्ट्रेटर, स्केच और फिग्मा नेमस्पेस, <मेटाडेटा> और टिप्पणियों को हटा देता है
कोई नहीं
गोल संख्याएँ/संपीड़ित पथ
राउंड्स आपके चुने हुए परिशुद्धता के साथ समन्वय करता है और पथ डेटा को पूर्ण या सापेक्ष रूप में छोटे रूप में फिर से लिखता है
2-3 दशमलव पर कोई नहीं; 0-1 पर छोटे चिह्नों की जाँच करें
अप्रयुक्त डिफ और आईडी हटाएं
ग्रेडिएंट्स, क्लिप-पाथ और आईडी को हटा देता है जिनका कोई संदर्भ नहीं है
कोई नहीं
समूहों को संक्षिप्त करें / डिफ़ॉल्ट हटाएँ
खाली <g> रैपर खोलता है और fill-opacity='1' जैसे मान हटाता है
कोई नहीं
शैलियाँ → विशेषताएँ, रंगों को छोटा करें
style='fill:#ffffff' बन जाता है fill='#fff'
कोई नहीं (<style> ब्लॉक मौजूद होने पर स्वचालित रूप से छोड़ दिया गया)
उत्तरदायी (ड्रॉप चौड़ाई/ऊंचाई)
केवल व्यूबॉक्स रखता है इसलिए सीएसएस आकार को नियंत्रित करता है
यदि आप निश्चित आकार पर भरोसा करते हैं तो लेआउट बदल सकता है
<शीर्षक>/<desc> हटाएं
सुलभ नाम पट्टियाँ
कोई भी दृष्टिगत रूप से नहीं, लेकिन यह स्क्रीन-रीडर उपयोगकर्ताओं को नुकसान पहुंचाता है
फिग्मा, इलस्ट्रेटर या इंकस्केप से निर्यात किए गए एसवीजी कोड को साफ करें
जनरेटर टिप्पणियों, XML घोषणाओं, संपादक नामस्थानों, लेयर_1 और SVGID_1_ जैसी परत आईडी, खाली समूहों, सक्षम-पृष्ठभूमि शैलियों और छह दशमलव वाली संख्याओं के साथ डिज़ाइन टूल पैड एसवीजी निर्यात। एसवीजी क्लीनर उस गंदगी को हटा देता है लेकिन आपके मार्कअप को इंडेंट और पढ़ने योग्य रखता है, जो तब उपयोगी होता है जब आप फ़ाइल को हाथ से संपादित या एनिमेट करते हैं। ऑप्टिमाइज़र उत्पादन के लिए आगे बढ़ता है, और वैलिडेटर ठीक वही सूचीबद्ध करता है जो अंदर है (तत्व गणना, रंग, फ़ॉन्ट, एम्बेडेड बिटमैप, स्क्रिप्ट और बाहरी लिंक) ताकि आप उपयोग करने से पहले देख सकें कि फ़ाइल भारी या असुरक्षित क्यों है।
एसवीजी से पीएनजी, रिएक्ट घटक या डेटा यूआरआई: किस प्रारूप का उपयोग करना है
एसवीजी वेब पर आइकन और चित्रण के लिए सबसे अच्छा विकल्प है। हालाँकि, कुछ स्थानों को अभी भी बिटमैप या कोड की आवश्यकता है। कन्वर्टर्स प्रत्येक मामले को अपलोड किए बिना संभालते हैं।
निर्यात
जब इसका प्रयोग करें
टिप्पणियाँ
पीएनजी/वेबपी
ईमेल, सोशल पोस्ट, ऐप स्टोर, फ़ेविकॉन, कहीं भी एसवीजी स्वीकार नहीं किया जाता है
8192 पीएक्स तक कोई भी आकार, पारदर्शी पृष्ठभूमि, बैच ज़िप, और एक-क्लिक 16-512 पीएक्स आइकन सेट
जेपीजी
वे स्थान जहां छोटी, अपारदर्शी छवि की आवश्यकता होती है
वह पृष्ठभूमि रंग चुनें जो पारदर्शिता को प्रतिस्थापित करता हो
प्रतिक्रिया/प्रतिक्रिया मूल निवासी
रिएक्ट, नेक्स्ट.जेएस या एक्सपो कोडबेस के अंदर आइकन
कैमलकेस विशेषताएँ, स्टाइल ऑब्जेक्ट, {...props}, वैकल्पिक करंट कलर और एक सुलभ शीर्षक प्रोप
डेटा यूआरआई (यूआरएल-एन्कोडेड)
बिना किसी अतिरिक्त अनुरोध के सीएसएस या HTML में रेखांकित छोटे चिह्न
आमतौर पर बेस64 से लगभग 30% छोटा। सीएसएस मास्क आउटपुट आपको पृष्ठभूमि-रंग के साथ पुनः रंगने की सुविधा देता है
एसवीजी स्प्राइट
एक साइट पर कई आइकन पुन: उपयोग किए जाते हैं
<symbol>s की एक फ़ाइल <use href='#id'> से संदर्भित है
जनरेटर बिटमैप निर्यात के बजाय स्वच्छ, हाथ-संपादन योग्य एसवीजी का उत्पादन करते हैं। लेयर्ड वेव्स और मॉर्फिंग ब्लॉब्स को SMIL के साथ एनिमेटेड किया जा सकता है, जो जावास्क्रिप्ट के बिना <img> और CSS बैकग्राउंड के अंदर काम करता है। पैटर्न जनरेटर 16 निर्बाध रूपांकनों को या तो बैकग्राउंड-रिपीट के लिए एकल टाइल के रूप में या पूर्ण कैनवास के रूप में निर्यात करता है। मेश ग्रेडिएंट और शोर जनरेटर नरम ग्रेडिएंट बनाते हैं और फिल्म-ग्रेन आधुनिक लैंडिंग पृष्ठों में लोकप्रिय दिखता है, और आकार विभाजक अनुभाग किनारों के लिए रेडी-टू-पेस्ट HTML और सीएसएस स्निपेट के साथ आता है। प्रत्येक आउटपुट को एसवीजी, रिएक्ट, डेटा यूआरआई या सीएसएस के रूप में कॉपी किया जा सकता है, या पीएनजी में निर्यात किया जा सकता है।
डिज़ाइन द्वारा निजी: कुछ भी अपलोड नहीं किया गया है
पार्सिंग, ऑप्टिमाइज़िंग, रास्टराइज़िंग और ज़िपिंग सभी आपके ब्राउज़र में मानक वेब एपीआई (DOMParser, Canvas और CompressionStream) के साथ होते हैं। आपकी कलाकृति कभी भी सर्वर तक नहीं पहुंचती है, इसलिए उपकरण एनडीए के तहत क्लाइंट कार्य के लिए भी काम करते हैं। पूर्वावलोकन एक अलग <img> के माध्यम से प्रस्तुत किए जाते हैं, इसलिए आपके द्वारा पेस्ट किए गए एसवीजी में कोई भी स्क्रिप्ट नहीं चल सकती है, और ऑप्टिमाइज़र आपकी साइट पर फ़ाइल एम्बेड करने से पहले <script> टैग और ईवेंट हैंडलर को हटा सकता है।
अक्सर पूछे जाने वाले प्रश्नों
कौन से एसवीजी उपकरण शामिल हैं?
तेईस, चार क्षेत्रों में समूहीकृत। ऑप्टिमाइज़ करें: ऑप्टिमाइज़र, मिनिफ़ायर, क्लीनर, फ़ॉर्मेटर और पाथ सिंलिफायर। कनवर्ट करें: एसवीजी से पीएनजी/जेपीजी/वेबपी, एसवीजी से रिएक्ट, डेटा यूआरआई और व्यूअर और वैलिडेटर। संपादित करें: पाथ एडिटर, व्यूबॉक्स और क्रॉप, कलर रिप्लेसर और स्प्राइट जेनरेटर। उत्पन्न करें: तरंग, बूँद, पैटर्न, जाल ढाल, शोर, आकार विभाजक, बहुभुज, तारा, सर्पिल और स्क्विगल।
मैं किसी एसवीजी फ़ाइल को मुफ़्त में कैसे अनुकूलित कर सकता हूँ?
ऑप्टिमाइज़र खोलें, अपना एसवीजी पेस्ट करें या एक या अधिक .svg फ़ाइलें डालें, और एक प्रीसेट चुनें (केवल संतुलित, अधिकतम या साफ़) या 21 अनुकूलन में से किसी एक को टॉगल करें। उपकरण मूल, अनुकूलित और gzipped आकार और साथ-साथ दृश्य जांच दिखाता है। फिर परिणाम को कॉपी करें, डाउनलोड करें, या प्रत्येक फ़ाइल को ज़िप के रूप में डाउनलोड करें।
मैं एसवीजी तरंग या ब्लॉब कैसे बनाऊं?
वेव या ब्लॉब जनरेटर का उपयोग करें, स्लाइडर्स (परतें, आयाम, जटिलता, यादृच्छिकता) और रंगों को समायोजित करें, और वेक्टर अपडेट लाइव होंगे। विविधताओं का पता लगाने के लिए रैंडम को हिट करें, मॉर्फिंग प्रभाव के लिए एनीमेशन चालू करें, फिर एसवीजी को कॉपी करें या इसे निर्यात करें।
क्या मुझे सीएसएस पृष्ठभूमि या डेटा यूआरआई के रूप में एसवीजी मिल सकता है?
हाँ। प्रत्येक परिणाम में कच्चे एसवीजी, रिएक्ट, एक कॉम्पैक्ट यूआरएल-एनकोडेड डेटा यूआरआई, बेस 64 और एक रेडी-टू-पेस्ट सीएसएस नियम, प्लस .svg और पीएनजी/जेपीजी/वेबपी डाउनलोड के लिए निर्यात टैब होते हैं। डेटा यूआरआई टूल एक सीएसएस मास्क स्निपेट भी तैयार करता है और डेटा यूआरआई को वापस एसवीजी में डीकोड कर सकता है।
एसवीजी क्लीनर क्या हटाता है?
XML घोषणाएँ, DOCTYPE, टिप्पणियाँ, <मेटाडेटा> और इंकस्केप, सोडिपोडी, इलस्ट्रेटर, स्केच, सेरिफ़ और फिग्मा से संपादक नामस्थान और विशेषताएँ। यह मार्कअप को इंडेंटेड और पढ़ने योग्य रखता है, इसलिए जब आप अभी भी फ़ाइल को हाथ से संपादित करना चाहते हैं तो यह सही विकल्प है।
क्या मेरा एसवीजी सर्वर पर अपलोड किया गया है?
नहीं, अनुकूलन, पीएनजी रेंडरिंग और ज़िप निर्माण सहित सब कुछ, आपके ब्राउज़र में स्थानीय रूप से चलता है। आपकी फ़ाइलें आपके डिवाइस को कभी नहीं छोड़ती हैं, इसलिए यह निजी और त्वरित है।
मैं किसी SVG फ़ाइल को छोटा या अनुकूलित कैसे करूँ?
अपने एसवीजी और ऑप्टिमाइज़र स्ट्रिप्स एडिटर मेटाडेटा, टिप्पणियाँ, अप्रयुक्त परिभाषाएँ और अनावश्यक कोड, राउंड नंबर और संपीड़ित पथ डेटा (जैसे एसवीजीओ) को पेस्ट या अपलोड करें। यह अक्सर फ़ाइल के स्वरूप को बदले बिना उसे 30-70% तक छोटा कर देता है, और यह सब आपके ब्राउज़र में चलता है।
मैं फिग्मा या इलस्ट्रेटर से गंदे एसवीजी कोड को कैसे साफ़ करूँ?
डिज़ाइन उपकरण जनरेटर टिप्पणियाँ, परत आईडी, खाली समूह और छह-दशमलव संख्या जैसे ब्लोट जोड़ते हैं। हल्का, वेब-तैयार मार्कअप प्राप्त करने के लिए निर्यात को क्लीनर (इसे पढ़ने योग्य रखता है) या ऑप्टिमाइज़र (सबसे छोटा आउटपुट) में पेस्ट करें।
क्या मैं एसवीजी को डेटा यूआरआई में बदल सकता हूँ?
हाँ। किसी भी परिणाम पर डेटा यूआरआई टूल या डेटा यूआरआई टैब का उपयोग करें। यह यूआरएल-एन्कोडिंग का उपयोग करता है, जो आमतौर पर बेस64 से लगभग 30% छोटा होता है, और आपको बेस64, एक सीएसएस पृष्ठभूमि नियम और एक <img> टैग भी देता है।
मैं पारदर्शी पृष्ठभूमि के साथ एसवीजी को पीएनजी में कैसे परिवर्तित करूं?
एसवीजी को पीएनजी/जेपीजी में खोलें, अपनी फ़ाइलें जोड़ें, पीएनजी और एक स्केल (जैसे 4×) या सटीक चौड़ाई या ऊंचाई चुनें, और पारदर्शी पृष्ठभूमि चालू रखें। आप कई एसवीजी को एक ज़िप में बैच-कन्वर्ट कर सकते हैं, इसके बजाय जेपीजी या वेबपी चुन सकते हैं, या फ़ेविकॉन और ऐप आइकन के लिए 16-512 पीएक्स पीएनजी निर्यात करने के लिए आइकन सेट चुन सकते हैं।
मैं एक एसवीजी को रिएक्ट घटक में कैसे परिवर्तित करूं?
एसवीजी को एसवीजी टू रिएक्ट (जेएसएक्स) में पेस्ट करें, घटक को नाम दें और टाइपस्क्रिप्ट या जावास्क्रिप्ट, रिएक्ट या रिएक्ट नेटिव चुनें। विशेषताएँ कैमलकेस में परिवर्तित हो जाती हैं, इनलाइन शैलियाँ ऑब्जेक्ट बन जाती हैं और {...props} रूट पर फैल जाती है। आप रंगों को currentColor में भी बदल सकते हैं और एक सुलभ शीर्षक प्रोप जोड़ सकते हैं।
क्या अनुकूलन से यह बदल जाएगा कि मेरा एसवीजी कैसा दिखता है?
डिफ़ॉल्ट बैलेंस्ड प्रीसेट के साथ नहीं. इसमें प्रत्येक अनुकूलन केवल अदृश्य डेटा को हटाता है या मानों को समकक्ष रूप से फिर से लिखता है। बहुत कम परिशुद्धता (0-1 दशमलव) छोटे आइकन पर बिंदुओं को थोड़ा स्थानांतरित कर सकती है, यही कारण है कि ऑप्टिमाइज़र आपके डाउनलोड करने से पहले मूल और परिणाम को एक साथ दिखाता है।
मैं एसवीजी के आसपास की खाली जगह को कैसे हटाऊं?
व्यूबॉक्स और क्रॉप खोलें, एसवीजी पेस्ट करें और कंटेंट में क्रॉप पर क्लिक करें। टूल ड्राइंग की वास्तविक सीमाओं को मापता है, आपके द्वारा चुनी गई पैडिंग के साथ एक टाइट व्यूबॉक्स सेट करता है, और चौड़ाई और ऊंचाई विशेषताओं को अपडेट या हटा सकता है।
मैं एसवीजी का रंग कैसे बदल सकता हूँ?
कलर रिप्लेसर प्रत्येक भरण, स्ट्रोक और ग्रेडिएंट रंग (हेक्स, आरजीबी(), एचएसएल() और नामित रंग) का पता लगाता है और सूचीबद्ध करता है कि प्रत्येक रंग कितनी बार दिखाई देता है। आप उन्हें एक-एक करके रीमैप कर सकते हैं, पूरी फ़ाइल के लिए रंग, संतृप्ति और हल्कापन बदल सकते हैं, ग्रेस्केल में कनवर्ट कर सकते हैं या पलट सकते हैं, या सब कुछ करंट कलर से बदल सकते हैं ताकि आइकन आपके सीएसएस टेक्स्ट रंग का अनुसरण करे।
एसवीजी स्प्राइट क्या है और मैं इसका उपयोग कैसे करूँ?
स्प्राइट एक एसवीजी फ़ाइल है जिसमें <प्रतीक> तत्वों के रूप में कई आइकन होते हैं। स्प्राइट जेनरेटर में अपने आइकन जोड़ें, फिर प्रत्येक को <svg><use href='#icon-id'/></svg> से संदर्भित करें। उपकरण ग्रेडिएंट क्लैश से बचने और रंगों को करंट कलर में बदलने के लिए आंतरिक आईडी को उपसर्ग कर सकता है, और यह आपके लिए उपयोग कोड उत्पन्न करता है।
क्या किसी अज्ञात स्रोत से एसवीजी चिपकाना सुरक्षित है?
हाँ। पूर्वावलोकन एक अलग <img> के अंदर प्रस्तुत किए जाते हैं, जहां स्क्रिप्ट नहीं चल सकतीं। वैलिडेटर <स्क्रिप्ट> टैग, ईवेंट हैंडलर और बाहरी लिंक को चिह्नित करता है, और ऑप्टिमाइज़र किसी साइट पर फ़ाइल एम्बेड करने से पहले डिफ़ॉल्ट रूप से स्क्रिप्ट और हैंडलर को हटा देता है।
क्या मैं उत्पन्न तरंगों और बूँदों को चेतन कर सकता हूँ?
हाँ। वेव और ब्लॉब जनरेटर में एक एनिमेट टॉगल होता है जो एक स्व-निहित SMIL मॉर्फ जोड़ता है। यह <img>, सीएसएस पृष्ठभूमि और इनलाइन एसवीजी के अंदर ब्राउज़र में चलता है, जिसमें किसी जावास्क्रिप्ट या सीएसएस की आवश्यकता नहीं होती है।
