ما هو ملف SVG؟
يختلف SVG (رسومات المتجهات القابلة للتحجيم) بشكل أساسي عن تنسيقات الصور الأخرى.بينما تقوم JPEG وPNG وWEBP بتخزين الصور كشبكات من وحدات البكسل الملونة (النقطية)، تصف SVG الصور كأشكال رياضية - دوائر ومستطيلات ومسارات ومنحنيات ونص - محددة في كود XML.
وهذا يعني صور SVG:
- قياس لا نهائي — تكبير إلى 10000% دون أي بكسلات أو ضبابية
- أحجام ملفات صغيرة — شعار بحجم 500 كيلوبايت بتنسيق PNG وقد يكون بحجم 5 كيلوبايت بتنسيق SVG
- قابلة للتحرير كنص — يمكن فتحها في أي محرر نصوص لتغيير الألوان والأحجام والأشكال
- لا تعتمد على الدقة — تبدو مثالية على أي كثافة شاشة (الهاتف، الجهاز اللوحي، تلفزيون 4K)
SVG هو التنسيق القياسي للشعارات والأيقونات والرسوم التوضيحية والمخططات والخرائط وأي رسم يحتاج إلى أن يبدو واضحًا بأي حجم.
من أين تأتي ملفات SVG
أدوات التصميم: تقوم Figma وAdobe Illustrator وSketch وInkscape وCanva بتصدير التصميمات بتنسيق SVG لاستخدام الويب والتطبيقات.
مكتبات الأيقونات: يتم توزيع أيقونات المواد، وFont Awesome، وHeroicons، وآلاف من حزم الأيقونات كملفات SVG.
تنزيلات الويب: غالبًا ما تكون الشعارات والرسوم التوضيحية والرسومات التي يتم تنزيلها من مواقع الويب بتنسيق SVG (انقر بزر الماوس الأيمن → حفظ باسم).
أصول المطورين: يستخدم مطورو تطبيقات Android ملفات SVG (التي تم تحويلها إلى VectorDrawable) لأيقونات التطبيقات وعناصر واجهة المستخدم.
تصور البيانات: يتم تصدير المخططات والرسوم البيانية والرسوم البيانية من أدوات مثل D3.js وChart.js وTableau بتنسيق SVG.
الخرائط: تستخدم عمليات تصدير OpenStreetMap والخرائط المخصصة والمرئيات الجغرافية ملفات SVG.
تصميم الطباعة: يتم توزيع الشعارات وأصول العلامة التجارية بتنسيق SVG لإعادة إنتاجها بشكل قابل للتطوير.
عرض SVG على Android
يتعامل AnExplorer مع ملفات SVG بطريقتين:
العرض المرئي (عارض الصور):
- انتقل إلى ملف SVG في AnExplorer
- انقر للفتح - يتم عرض الرسم المتجه في العارض
- قم بالتكبير — تظل الصورة واضحة تمامًا عند أي تكبير
- لا يوجد بكسلات أو ضبابية، بغض النظر عن مدى التكبير
عرض الكود (محرر النصوص):
- اضغط لفترة طويلة على ملف SVG → فتح باستخدام → محرر النصوص
- عرض كود مصدر XML
- تحرير الألوان (تغيير
fill="#FF0000"إلى أي لون سداسي عشري) - تعديل الأحجام أو المواضع أو إضافة/إزالة العناصر
- حفظ — تنعكس التغييرات فورًا عند عرضها مرة أخرى
إدارة ملفات SVG باستخدام AnExplorer
التصفح والتنظيم:
- تظهر ملفات SVG مع أيقونات رسومية متجهة في قوائم الملفات
- الترتيب حسب الاسم أو التاريخ أو الحجم
- إنشاء مجلدات للتنظيم حسب المشروع (الشعارات والأيقونات والرسوم التوضيحية)
- إعادة تسمية الملفات لتنظيم أفضل
نقل ومشاركة:
- إرسال ملفات SVG إلى جهاز الكمبيوتر عبر Device Connect (يعمل المصممون غالبًا على سطح المكتب)
- التحميل على Google Drive وDropbox لتعاون الفريق
- نسخة إلى NAS لأرشفة أصول التصميم
- المشاركة عبر البريد الإلكتروني أو المراسلة (ملفات SVG صغيرة الحجم - عادةً ما يقل حجمها عن 100 كيلو بايت)
عمليات الأرشفة:
- استخراج ملفات SVG من أرشيفات حزمة الأيقونات (ملف ZIP يحتوي على مئات من ملفات SVG)
- ضغط مجموعات SVG في ملف ZIP للمشاركة
- تصفح الأرشيفات التي تحتوي على ملفات SVG دون استخراجها
تحرير كرمز:
- افتح في محرر النصوص المدمج AnExplorer
- SVG هو XML — يمكن قراءته وتحريره بواسطة الإنسان
- تغيير الألوان: ابحث عن سمات
fill="..."أوstroke="..." - تغيير الأحجام: تعديل سمات
widthوheight - إزالة العناصر: احذف العلامات
<path>أو<circle>أو<rect>
SVG vs PNG vs PDF للرسومات
| الجانب | SVG | PNG | قوات الدفاع الشعبي |
|---|---|---|---|
| اكتب | المتجهات (الرياضيات) | النقطية (بكسل) | كلاهما (يمكن أن يحتوي على أي منهما) |
| قابلية التوسع | ✅ لا نهائية | ❌دقة ثابتة | ✅ إذا كان المحتوى متجهًا |
| حجم الملف (الشعار) | ~5-50 كيلو بايت | ~50-500 كيلو بايت | ~10-100 كيلو بايت |
| الشفافية | ✅ | ✅ | ✅ |
| محتوى الصورة | ❌ غير مناسب | ✅ | ✅ |
| قابل للتحرير كنص | ✅(XML) | ❌ | ❌ |
| دعم أندرويد | ✅ | ✅ | ✅ (عارض PDF) |
| معيار الويب | ✅ (أصلي في المتصفحات) | ✅ | ❌(يحتاج إلى عارض) |
متى تستخدم SVG: الشعارات والأيقونات والرسوم التوضيحية والمخططات وعناصر واجهة المستخدم - أي شيء ليس صورة فوتوغرافية. متى تستخدم PNG: لقطات الشاشة والصور ذات الشفافية والرسومات النقطية بحجم ثابت. متى تستخدم PDF: المستندات والمحتوى متعدد الصفحات والملفات الجاهزة للطباعة.
حالات الاستخدام الشائعة على Android
إدارة حزم الأيقونات
يعمل المصممون والمطورون مع مكتبات الأيقونات:
- قم بتنزيل حزمة الأيقونات (عادةً ما تكون بتنسيق ZIP الذي يحتوي على مئات من ملفات SVG)
- قم بالاستخراج باستخدام مدير أرشيف AnExplorer
- تصفح ملفات SVG - اعرض الصور المصغرة للعثور على الرمز الصحيح
- انسخ الرموز المطلوبة إلى مجلد المشروع الخاص بك
- أو افتح محرر النصوص لتخصيص الألوان قبل الاستخدام
عرض أصول التصميم من الفريق
عندما يشارك المتعاونون ملفات التصميم:
- تلقي ملفات SVG عبر البريد الإلكتروني أو المشاركة السحابية أو Device Connect
- افتح AnExplorer لمعاينة التصميم
- التحقق من الألوان والتخطيط والمحتوى
- انتقل إلى سطح المكتب لإجراء تحرير تفصيلي إذا لزم الأمر
تحرير ألوان SVG على الهاتف المحمول
تغييرات سريعة في اللون بدون أداة تصميم:
- افتح SVG في محرر النصوص AnExplorer
- ابحث عن
fill="#للعثور على تعريفات الألوان - استبدل رموز الألوان السداسية (على سبيل المثال،
#FF0000→#0066CC) - حفظ — افتح في العارض للتحقق من التغيير
- شارك ملف SVG المعدل
سير عمل المطور
مطورو Android الذين يعملون مع أصول المتجهات:
- قم بتنزيل أيقونات SVG من تصميم المواد أو المكتبات الأخرى
- قم بالمعاينة في AnExplorer للتحقق من صحتها
- قم بالنقل إلى جهاز التطوير عبر Device Connect
- قم بالتحويل إلى VectorDrawable XML لاستخدامه في تطبيقات Android
أحجام ملفات SVG
ملفات SVG صغيرة بشكل ملحوظ مقارنة بمثيلاتها النقطية:
| المحتوى | حجم SVG | معادل PNG (1024 بكسل) |
|---|---|---|
| شعار بسيط | 2-10 كيلو بايت | 50-200 كيلو بايت |
| أيقونة معقدة | 5-30 كيلو بايت | 100-500 كيلو بايت |
| توضيح تفصيلي | 50-500 كيلو بايت | 1-5 ميجا بايت |
| الخريطة/الرسم البياني | 100 كيلو بايت - 2 ميجا بايت | 2-10 ميجا بايت |
وهذا يجعل SVG مثاليًا لتخزين مكتبات الأيقونات الكبيرة - قد يصل إجمالي 1000 رمز SVG إلى 10 ميجابايت، في حين أن نفس حجم PNG سيكون 500 ميجابايت+.
أدلة ذات صلة
- افتح ملفات PNG على Android - تنسيق الصورة النقطية
- افتح ملفات PDF على Android - تنسيق المستند
- محرر النصوص - تحرير كود SVG مباشرة
- مدير الأرشيف — استخراج أرشيفات حزمة الأيقونات