تضمين الصور والخطوط في SVG
أضف SVG واحدًا والصور (PNG أو JPEG أو WebP أو GIF) أو الخطوط (TTF أو OTF أو WOFF أو WOFF2) التي يشير إليها، وادمجها في SVG واحد حتى لا تحتاج إلى مشاركة الأصول على حدة. حدد الأصل المستخدم لكل مرجع وأنشئ ملف SVG. ويمكنك حفظه بعد نجاح عرض المعاينة. ولا تُجلب الأصول الموجودة على روابط خارجية تلقائيًا.
ما يمكنك فعله
دمج الصور والخطوط
ضمّ العناصر المحلية المُضافة داخل ملف SVG لتقليل الحاجة إلى إرسال العناصر بشكل منفصل.
التحقق من المراجع والعناصر
حدّد الملف المقابل لكل مسار صورة أو اسم خط في ملف SVG. لا يُنشأ ملف SVG مع بقاء مراجع غير محلولة.
التحقق من عرض ملف SVG المُنشأ وحفظه
تحقّق من طريقة عرضه كصورة واحفظ ملف SVG مع العناصر المضمّنة. لا يتم الكتابة فوق الملفات الأصلية.
طريقة الاستخدام
إضافة ملف SVG والعناصر
اختر ملف SVG واحدًا والصور والخطوط التي يشير إليها. يمكنك أيضًا إضافتها معًا من مجلد.
تعيين العناصر المراد تضمينها
تحقّق من الملف المحلي الذي ستستخدمه لكل مرجع. أما المراجع التي لا تُطابَق تلقائيًا، فحدّد لها من العناصر المُضافة بالفعل.
إنشاء ملف SVG
بعد أن لا تبقى أي مراجع غير محلولة، اضغط على «إنشاء SVG مع الصور والخطوط».
التحقق من العرض والحفظ
تحقّق من النصوص والصور في المعاينة المُنشأة قبل الحفظ. وإذا تعذّر عرضها، تحقّق من ملف SVG الأصلي والعناصر.
مفيد عندما
تسليم ملف SVG والعناصر معًا
ادمج رسمة تشير إلى صور وخطوط في مجلدات منفصلة داخل ملف SVG واحد يسهل تسليمه.
التحقق من سبب المراجع المعطوبة
قارن العناصر المطلوبة بالملفات المُضافة، ثم حدّد أي صور أو خطوط ناقصة.
كيف تعمل المراجع والتضمين
المسارات النسبية ومطابقة الملفات
تُطابَق المراجع تلقائيًا عندما يطابق مسار المرجع النسبي إلى ملف SVG مسار أحد العناصر المُضافة بشكل وحيد. اختر يدويًا عندما توجد ملفات بالاسم نفسه في مجلدات مختلفة أو عندما تتداخل المرشحات.
تحديد الملف لكل اسم خط
لا تستخرج الأداة الخطوط من جهازك بناءً على أسماء الخطوط الموجودة في ملف SVG وحدها. أضف ملفات الخطوط المطلوبة وحدّد الملفات المطابقة.
لا تُجلب العناصر الموجودة على الروابط تلقائيًا
حتى عند الإشارة إلى رابط URL خارجي، قدّم الصور أو الخطوط محليًا وحدّدها. لا تتضمن هذه الشاشة أي عملية لجلب العناصر من الروابط.
التضمين شيء منفصل عن تقليل حجم الملف
قد يؤدي تضمين بيانات الصور في ملف SVG إلى زيادة حجم ملف SVG نفسه. تُحوَّل الخطوط إلى WOFF2 وتُضمَّن. حسّن شيفرة SVG باستخدام أداة منفصلة.
فروق حسب طريقة العرض
تعرض المعاينة ملف SVG كصورة. لا يُضمن المظهر نفسه في كل تطبيق، لذا تحقّق أيضًا من العرض المطلوب عند الوجهة.
الأسئلة الشائعة
ماذا أفعل إذا لم يتم العثور على عنصر؟
أضف الصور أو الخطوط، ثم حدّدها في حقل الاختيار الخاص بكل مرجع. قد لا تعمل المطابقة التلقائية مع مجلدات مختلفة أو مسارات مكررة أو روابط URL خارجية.
ما العناصر التي يمكنني استخدامها؟
يمكن أن تكون الصور PNG أو JPEG أو WebP أو GIF، ويمكن أن تكون الخطوط TTF أو OTF أو WOFF أو WOFF2. حدّد ملفات SVG واحدة في كل مرة.
هل تجد الخطوط تلقائيًا؟
لا تبحث الأداة في جهازك أو على الويب عن خطوط بناءً على اسم الخط وحده. أضف ملفًا لديك محليًا وحدّده.
ماذا يحدث للعناصر المضمّنة بالفعل؟
لا تُحسب الصور والخطوط المضمّنة كـ data URI ولا مراجع # داخل ملف SVG كمراجع خارجية. يمكنك إنشاء ملف SVG إذا لم تبقَ أي مراجع مكتشفة دون حل.
ماذا يحدث عندما أضيف عناصر أو أعيد اختيارها؟
إذا أضفت عناصر فقط، فستُضاف إلى القائمة مع الاحتفاظ بالعناصر المعيّنة سابقًا. تحقّق من المطابقة التلقائية إذا ظهرت مرشحات إضافية بالمسار نفسه، على سبيل المثال. أما المُدخل الذي يتضمن ملف SVG جديدًا فيستبدل ملف SVG الحالي وكل عناصره.
ماذا لو كانت هناك مراجع غير مدعومة؟
لا يمكن تضمين مراجع الاستخدام الخارجي أو مراجع السكربتات. ولا يمكن أيضًا تحميل ملفات SVG التي تحتوي على استيرادات CSS خارجية. نظّم المراجع في التطبيق الأصلي أو في تطبيق مناسب آخر قبل تحديد ملف SVG.
هل يصبح ملف SVG أصغر؟
تقليل حجم الملف ليس الغرض من هذه الأداة. قد يؤدي تضمين العناصر في ملف SVG إلى زيادة حجمه. استخدم أداة تحسين SVG إذا أردت تنظيف الشيفرة.
ماذا إذا تعذّر عرض ملف SVG الذي أُنشئ؟
لا يظهر خيار الحفظ في هذه الشاشة حتى يُعرض ملف SVG بنجاح. تحقّق من ملف SVG الأصلي والعناصر، وراجع عمليات التعيين أو الملفات، ثم أعد إنشاءه.
المُدخلات والنتائج
- المُدخلات
- ملف SVG واحد مع الصور والخطوط. أضفها من الملفات أو المجلدات.
- الصور
- تُضمَّن البيانات الأصلية للصور المُضافة. لا يُعاد تحجيم الصور ولا ضغطها.
- الخطوط
- تُحوَّل الخطوط المعيّنة إلى WOFF2 وتُضمَّن.
- المُخرجات
- original-name-embedded.svg. يمكنك الحفظ بعد عرض ملف SVG المُنشأ بنجاح.