SVG से CSS background-image
किसी भी SVG को एन्कोडेड data URI के रूप में अपनी स्टाइलशीट में जड़ दीजिए।
या फ़ाइल छोड़िए / नीचे कोड पेस्ट कीजिए
CSS नियम
आउटपुट यहाँ दिखेगा
यह कैसे काम करता है
- 1SVG कोड पेस्ट कीजिए या कोई .svg फ़ाइल छोड़िए।
- 2टूल इसे background-image नियम के भीतर URL-एन्कोड कर देता है।
- 3CSS स्निपेट सीधे अपनी स्टाइलशीट में कॉपी कीजिए।
मुफ़्त, बिना साइनअप और बिना वॉटरमार्क — सब कुछ आपके ब्राउज़र में स्थानीय रूप से चलता है, इसलिए फ़ाइलें कभी आपकी मशीन से बाहर नहीं जातीं।
अक्सर पूछे जाने वाले सवाल
base64 के बजाय URL-एन्कोडिंग क्यों?
URL-एन्कोडेड SVG छोटा रहता है और CSS में पढ़ने लायक भी बना रहता है; चाहें तो base64 भी उपलब्ध है।
SVG को CSS में कब जड़ना चाहिए?
छोटे सजावटी आइकन और पैटर्न के लिए — इससे एक HTTP रिक्वेस्ट बचती है। बड़े चित्र फ़ाइल के रूप में ही बेहतर रहते हैं।