تحويل الصورة إلى SVG
ضمّن صورتك في ملف SVG للاستخدام في برامج التصميم والمواقع.
ما هو تضمين الصورة في SVG؟
فهم الفرق بين التضمين والتحويل الحقيقيهذه الأداة تضمّن صورتك النقطية (PNG, JPG) داخل ملف SVG، لكنها لا تحولها لرسومات متجهية حقيقية. الفرق مهم جداً: الصورة المضمنة تبقى نقطية (بكسلات)، لكنها الآن في غلاف SVG يمكن استخدامه في برامج التصميم والمواقع التي تتطلب SVG.
التحويل الحقيقي للصور الفوتوغرافية إلى أشكال متجهية معقد جداً ويتطلب برامج متخصصة مثل Adobe Illustrator أو أدوات تتبع (tracing). هذه الأداة تضمّن الصورة فقط — وهذا كافٍ لمعظم الاستخدامات.
متى يفيد التضمين؟
أنظمة تتطلب SVG
بعض منصات التصميم وأنظمة CMS تقبل SVG فقط. التضمين يحل المشكلة.
دمج مع عناصر SVG
لدمج صورتك مع أشكال وعناصر SVG أخرى في ملف واحد.
التحرير في برامج المتجهات
فتح الصورة في Illustrator أو Inkscape للعمل عليها مع عناصر أخرى.
خيارات التضمين
الصورة تُشفّر داخل ملف SVG. ملف واحد يحتوي كل شيء — لا حاجة لملفات خارجية. الحجم أكبر بـ 33%.
SVG يشير لملف الصورة الأصلي. ملف أصغر لكن يحتاج الصورة الأصلية بجانبه.
خطوات الاستخدام
التحويل يتم في متصفحك فقط. صورتك لا تُرسل لأي خادم.
الأسئلة الشائعة
فهم تضمين الصور في SVGهل ستصبح صورتي متجهية ولا تتشوه بالتكبير؟
لا. هذا تضمين وليس تحويلاً حقيقياً:
- الصورة تبقى نقطية (بكسلات) داخل ملف SVG
- تكبيرها سيُظهر البكسلات تماماً كالأصل
- الفائدة هي إمكانية استخدامها حيث يُطلب SVG
للحصول على متجهات حقيقية: استخدم برامج مثل Adobe Illustrator مع خاصية Image Trace.
لماذا حجم SVG أكبر من الصورة الأصلية؟
عند استخدام تضمين Base64:
- ترميز Base64 يزيد حجم البيانات بـ 33% تقريباً
- هذا ثمن الحصول على ملف مستقل لا يحتاج ملفات خارجية
- لحجم أصغر، استخدم "رابط خارجي" بدلاً من Base64
ما الفرق بين Base64 ورابط خارجي؟
Base64 (مضمن):
- ملف SVG واحد يحتوي كل شيء
- يعمل في أي مكان بدون ملفات إضافية
- حجم أكبر بـ 33%
رابط خارجي:
- SVG يشير لملف الصورة الأصلي
- حجم صغير جداً
- يحتاج الصورة الأصلية بنفس المسار
هل يمكنني تعديل الصورة بعد التضمين؟
تعديل محدود ممكن في برامج SVG:
- تغيير الحجم والموقع
- تدوير وقلب
- إضافة قناع (mask) أو فلاتر SVG
- دمج مع أشكال وعناصر SVG أخرى
غير ممكن: تعديل البكسلات نفسها أو تغيير ألوان محددة — ستحتاج محرر صور.
ما معنى preserveAspectRatio؟
تحدد كيف تتصرف الصورة إذا تغير حجم SVG:
- meet: تظهر كامل الصورة مع مساحة فارغة إذا لزم
- slice: تملأ المساحة بالكامل مع قص الزائد
- none: تتمدد لتملأ المساحة (قد تتشوه النسب)
كيف أحصل على SVG متجهي حقيقي من صورة؟
التحويل الحقيقي يتطلب برامج متخصصة:
- Adobe Illustrator: Image Trace ممتاز للشعارات
- Inkscape (مجاني): Trace Bitmap
- Vector Magic: خدمة أونلاين متخصصة
ملاحظة: الصور الفوتوغرافية لا تتحول جيداً. الأفضل للشعارات والرسومات البسيطة.