تحويل SVG إلى Data URI لاستخدامها كصور خلفية CSS، مع خيارات ترميز URL و Base64
تحويل التنسيقات
حول هذه الأداة
أداة تحويل SVG إلى Data URI عبر الإنترنت تحول كود SVG إلى سلاسل Data URI للاستخدام المضمّن في CSS و HTML. تدعم ترميز URL و Base64، وتحسين SVG اختياري، وتوليد كود CSS جاهز للاستخدام — تتم جميع العمليات محليًا في المتصفح.
الميزات الرئيسية
- تحويل SVG إلى Data URI بترميز URL
- تحويل SVG إلى Data URI بترميز Base64
- تحسين SVG قبل التحويل
- تنسيق إخراج CSS background-image
- إخراج HTML img src و Data URI الخام
- تحويل فوري مع معاينة حية
حالات الاستخدام
- تضمين أيقونات SVG مباشرة في أوراق أنماط CSS
- دمج صور SVG في HTML لتحسين الأداء
- تقليل طلبات HTTP عن طريق تضمين SVG كـ Data URI
- إنشاء مستندات HTML محمولة تحتوي على صور مضمّنة
- توليد مقاطع كود CSS لخلفيات SVG
svg
data-uri
base64
embed
inline
الأسئلة الشائعة
ما هو محول SVG إلى Data URI؟
محول SVG إلى Data URI هو أداة تحويل تنسيقات عبر الإنترنت تحول كود SVG إلى سلاسل Data URI للاستخدام المضمّن في CSS و HTML. تدعم ترميز URL و Base64، وتوفر تحسين SVG وتوليد كود CSS جاهز للاستخدام.
ما الفرق بين ترميز URL و Base64؟
يستخدم Data URI بترميز URL ترميز النسبة المئوية لتمثيل الأحرف الخاصة، مما ينتج مخرجات أكبر ولكن أكثر قابلية للقراءة. ينتج ترميز Base64 تمثيلاً ثنائيًا مضغوطًا إلى نص، وهو أصغر حجمًا لملفات SVG المعقدة ولكنه غير قابل للقراءة.
هل تحسن الأداة SVG قبل التحويل؟
نعم، عند تمكين خيار تحسين SVG، تزيل الأداة المسافات البيضاء غير الضرورية والتعليقات والسمات الفارغة من SVG قبل إنشاء Data URI، مما يقلل حجم المخرجات.
هل يتم إرسال بيانات SVG إلى الخادم؟
لا. تتم جميع تحويلات SVG إلى Data URI بالكامل في متصفحك. لا يتم تحميل أو نقل كود SVG الخاص بك إلى أي خادم، مما يضمن بقاء عملك خاصًا وآمنًا تمامًا.
هل يمكنني استخدام المخرجات مباشرة في CSS؟
نعم. تولد الأداة مقاطع كود CSS background-image جاهزة للاستخدام. ما عليك سوى نسخ مخرج CSS ولصقه في ورقة الأنماط الخاصة بك، وسيعمل Data URI كعنوان URL صورة خلفية صالح.