קודד תמונות SVG לפורמט בטוח לשימוש ב-URL עבור תמונות רקע, גבולות או מסכות ב-CSS
ללא קידוד, ניתן להשתמש ב-SVG כ-data URI ישירות ב-CSS, אך זה עובד רק בדפדפנים מבוססי Webkit. קידוד SVG עם encodeURIComponent() מאפשר שימוש בכל מקום.
data URI
encodeURIComponent()
SVG חייב לכלול את התכונה xmlns, לדוגמה: xmlns='http://www.w3.org/2000/svg'. אם היא חסרה, היא תתווסף אוטומטית.
xmlns='http://www.w3.org/2000/svg'
SVG מקודד ניתן לשימוש ב-background, border-image או mask.
background
border-image
mask