הטמעת אלמנטים של svg בbackground

[chagold]

מצאתי את הדוגמא הזאת ברשת שעובדת, אבל כשאני מנסה את התמונה הנמצאת בקובץ הזה
הוא לא מצליח.

למה?

[yossiz]

@chagold לכאורה הבעיה היא שיש הגבלה מסויימת על הגודל המקסימלי של שורת CSS, או של data uri, (או שגם וגם)
בכל מקרה זה מרגיש לי קצת מוגזם להכניס קובץ כל כך גדול בתוך data uri

[dovid]

@chagold הדרך הנורמלית זה לשמור את הsvg בשרת בקובץ ולכתוב בCSS את הכתובת שלו.
יש לך סיבה לפעול אחרת?
ראה עוד פה https://css-tricks.com/using-svg/#data-urls-for-svg.

[chagold]

@dovid אמר בהטמעת אלמנטים של svg בbackground:

יש לך סיבה לפעול אחרת?

אני רוצה לשלוח את זה במייל, ושיעבוד גם בקליינטים ששומרים את המיילים במחשב (ומציגים גם כשהוא לא מחובר לאינטרנט).

[WWW]

@chagold אמר בהטמעת אלמנטים של svg בbackground:

למה?

ייתכן שזה בגלל שיש מעברי שורה, תנסה למחוק את כל מעברי השורה ותבדוק.

[WWW]

@chagold אמר בהטמעת אלמנטים של svg בbackground:

הוא לא מצליח.

למה שינית ל <div class="data-uri2">?

בכל מקרה נראה שזה פשוט חורג מהאורך של URL.

[dovid]

@chagold תשמור את זה כJPG באיכות תצוגה, ותקודד לbase64. זה עלול להיות קטן בהרבה.

[chagold]

@dovid אמר בהטמעת אלמנטים של svg בbackground:

@chagold תשמור את זה כJPG באיכות תצוגה, ותקודד לbase64. זה עלול להיות קטן בהרבה.

כנראה זה מה שאצטרך לעשות כיון שהבדיקה גילתה לי שג'ימייל לא תומך בcvg (למרות שהקליינט שלי - ט'נטרבירד - תומך).

[chagold]

@dovid אמר בהטמעת אלמנטים של svg בbackground:

@chagold תשמור את זה כJPG באיכות תצוגה, ותקודד לbase64. זה עלול להיות קטן בהרבה.

@dovid ג'ימייל גם לא תומך בbase64?