इस टूल के बारे में
कच्चा SVG मार्कअप पेस्ट करें और एक data URI पाएं जिसे आप सीधे CSS या HTML में डाल सकते हैं। यह दो एनकोडिंग बनाता है और सब कुछ आपके ब्राउज़र में जेनरेट होता है, इसलिए कुछ भी अपलोड नहीं होता।
URL-एनकोडेड आउटपुट डबल कोट्स को सिंगल कोट्स से बदलता है, encodeURIComponent चलाता है, फिर कुछ सुरक्षित कैरेक्टर (स्पेस, कोलन, स्लैश, इक्वल्स) को बहाल करता है ताकि इसे संक्षिप्त और मानव-पठनीय रखा जा सके। base64 आउटपुट SVG को UTF-8 एनकोड करता है और इसे btoa के माध्यम से चलाता है, जिससे data:image/svg+xml;base64,… मिलता है। एक बाइट तुलना दिखाती है कि कौन सी एनकोडिंग छोटी है; अधिकांश आइकन के लिए URL-एनकोडेड रूप जीतता है।
एनकोड करने से पहले टिप्पणियाँ हटाने और टैग के बीच व्हाइटस्पेस को संक्षिप्त करने के लिए मिनिफ़ाई सक्षम करें। CSS के लिए background-image लाइन या HTML के लिए <img src> लाइन कॉपी करें। ध्यान दें कि SVG के अंदर के कोट्स सिंगल कोट्स में सामान्यीकृत किए जाते हैं ताकि data URI को डबल कोट्स में सुरक्षित रूप से लपेटा जा सके।