एसवीजी से सीएसएस बैकग्राउंड कनवर्टर डेटा यूआरआई एन्कोडिंग का उपयोग करके एसवीजी कोड को सीएसएस बैकग्राउंड-इमेज के रूप में एनकोड करें।

एसवीजी डेटा यूआरआई प्रारूप का उपयोग करते हैं: url("data:image/svg+xml,<encoded-svg>"). एसवीजी सामग्री विशेष वर्णों को बदलकर यूआरएल-एन्कोडेड होती है: < %3C में बदलता है, > %3E में बदलता है, # %23 में बदलता है और उद्धरण एकल उद्धरण चिह्नों में परिवर्तित हो जाते हैं। यह एन्कोडिंग एसवीजी के लिए बेस64 से अधिक कुशल है क्योंकि यह पठनीयता बनाए रखती है और आमतौर पर छोटी होती है। बैकग्राउंड-इमेज गुण डेटा यूआरआई स्वीकार करता है, और मानक बैकग्राउंड गुण (आकार, रिपीट, स्थिति) प्रस्तुतीकरण को नियंत्रित करते हैं। बड़े एसवीजी के लिए, इसके बजाय बाहरी फ़ाइलों का उपयोग करने पर विचार करें, क्योंकि बड़े डेटा यूआरआई सीएसएस फ़ाइल आकार बढ़ाते हैं और स्वतंत्र रूप से कैश नहीं किए जा सकते हैं। बैकग्राउंड-आकार: contain एसवीजी को तत्व के भीतर समायोजित करता है जबकि पहलू अनुपात बनाए रखता है। बैकग्राउंड-आकार: कवर तत्व भरता है, संभावित रूप से एसवीजी को फसल देता है। विशिष्ट पिक्सेल या प्रतिशत मान सटीक नियंत्रण प्रदान करते हैं।