Toolipedia تضمين
AR
→ كل أدوات النصوص

SVG إلى data URI

حوّل SVG إلى data URI لخلفيات CSS أو وسوم <img>.

  • مجاني
  • بلا تسجيل
  • يعمل على أي جهاز

حول SVG إلى data URI

حوّل SVG إلى data URI لاستخدامه في background-image في CSS أو src لوسم img، لتتجنب طلب ملف إضافي. عادةً يكون SVG المرمَّز بصيغة URL أصغر من Base64 الذي يضيف نحو الثلث. تناسب الأيقونات الصغيرة التضمين جيدًا، بينما الصور الكبيرة أفضل كملفات منفصلة قابلة للتخزين المؤقت.

طريقة استخدام SVG إلى data URI

  1. الصق كود SVG الخاص بك.
  2. اختر الترميز ونوع الإخراج، مثل CSS background أو img src.
  3. انسخ data URI إلى ورقة أنماطك أو HTML.

لماذا تستخدم هذه الأداة؟

تُعرف أيضًا باسم

الأسئلة الشائعة

أيهما أصغر: Base64 أم SVG المرمَّز بصيغة URL؟

عادةً يكون المرمَّز بصيغة URL أصغر، لأن Base64 يضخّم البيانات بنحو 33 بالمئة. ومع ذلك يظل Base64 أكثر أمانًا في بعض الأدوات القديمة.

لماذا لا يعمل data URI في CSS؟

قد تتعارض علامات الاقتباس داخل SVG مع علامات الاقتباس حول URL. استخدم خيار إخراج CSS، فهو يتولى الاقتباس لك.

هل يمكنني تغيير لون SVG مستخدم كـ data URI؟

ليس بـ CSS color، لأن الصورة تُعامل كصورة. غيّر fill في SVG قبل ترميزه.

هل SVG إلى data URI مجانية؟

نعم. استخدام SVG إلى data URI على Toolipedia مجاني، بلا تسجيل وبلا علامة مائية.

هل استخدامها آمن؟

نعم. تتم كل العمليات الحسابية في متصفحك، ولا يُرسَل أي شيء تُدخله إلى خادمنا.

هل تعمل على هاتفي؟

نعم. تعمل في أي متصفح حديث على Android وiPhone، وكذلك على الأجهزة اللوحية والحواسيب. لا حاجة إلى تثبيت أي شيء.

هل أحتاج إلى حساب؟

لا. افتح الصفحة واستخدم الأداة فحسب. لا تسجيل ولا حاجة إلى بريد إلكتروني.

هل يمكنني وضع SVG إلى data URI في موقعي؟

نعم. استخدم زر «ضمّن الأداة في موقعك» أسفل الأداة لنسخ مقطع قصير من الشيفرة ولصقه في صفحتك. الخدمة مجانية، ولا تحتاج إلى حساب، وتبقى الأداة تعمل داخل صفحتك.

أدوات ذات صلة