شرح صيغة ملفات SVG

Scalable Vector Graphics · .svg

الامتداد.svg
نوع MIMEimage/svg+xml
النوعالصور
المطوّرW3C
الإصدار الأول2001
خالٍ من حقوق الملكيةنعم
الضغطبدون

ما هو ملف SVG؟

SVG صيغة رسوم متجهة قائمة على XML قنّنتها W3C. بدلًا من البكسلات يخزّن الأشكال والمسارات والنص والتدرجات كتعليمات، فيُرسم الشعار بحدة كاملة بأي حجم، من أيقونة الموقع إلى اللوحة الإعلانية، وغالبًا يكون الملف بضعة كيلوبايتات فقط. ولأنه نص، يمكن تحرير SVG يدويًا وتنسيقه بـ CSS وتحريكه بـ JavaScript.

المرونة نفسها هي نقطة ضعفه. لا يمكن التعبير عن الصور الفوتوغرافية بأشكال، وتصبح الرسوم المعقدة ثقيلة وبطيئة، ولأن SVG قد يحتوي على سكربتات ومراجع خارجية تُنقّي كثير من المنصات ملفات SVG المرفوعة أو ترفضها. تبقى النسخ النقطية ضرورية للبريد ووسائل التواصل وسير عمل الطباعة.

متى يكون SVG الخيار الصحيح

نقاط القوة

  • قابل للتدرج بلا حدود: حاد على كل شاشة وبكل حجم طباعة
  • ملفات ضئيلة للشعارات والأيقونات والمخططات والرسوم البيانية
  • صيغة نصية قابلة للتحرير يمكن تنسيقها وتحريكها على الويب

القيود

  • غير مناسب للصور الفوتوغرافية؛ الأعمال المفصلة تكبر وتبطئ
  • ترفضه كثير من نماذج الرفع لأنه قد يحمل سكربتات
  • يختلف العرض قليلًا بين المتصفحات والمحررات

كيفية فتح ملف SVG

يعرض أي متصفح SVG؛ ويحرره Inkscape وIllustrator وFigma وAffinity Designer. يعرض مستكشف Windows وكثير من العارضات أيقونة عامة فقط، لذا للمعاينة السريعة أو نسخة تُلصق في مستند حوّله بأداة SVG إلى PNG.

كيفية تحويل SVG

ينتج SVG إلى PNG صورة نقطية بشفافية للمستندات والعروض ووسائل التواصل، وSVG إلى JPG نسخة مسطحة بأسلوب الصور، وSVG إلى ICO أيقونة Windows. تحويل صورة نقطية إلى متجهات ممكن للرسوم البسيطة بأداة PNG إلى SVG.

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

لماذا يبدو ملف SVG ضبابيًا بعد تحويله إلى PNG؟

رُسم PNG بحجم بكسلات صغير. ليس للمتجهات دقة خاصة بها، فاختر عرض إخراج أكبر عند التحويل؛ سيبقى الناتج حادًا حتى ذلك الحجم.

هل أستطيع تحويل صورة فوتوغرافية إلى SVG؟

فقط عبر التتبع الذي يحوّل مناطق الألوان المتشابهة إلى أشكال. يعمل ذلك للشعارات والظلال والرسوم البسيطة؛ أما الصورة الفوتوغرافية فتصبح ملفًا ضخمًا أو تقريبًا مبسّط الألوان.

هل رفع SVG آمن؟

قد يحتوي SVG على JavaScript ومراجع خارجية، ولهذا تنقّيه المنصات أو تحظره. الملفات المصدَّرة من أدوات التصميم نظيفة عادةً؛ تعامل مع ملفات SVG من مصادر غير معروفة كأي ملف منزَّل.

هل يدعم SVG الحركة؟

نعم، عبر عناصر SMIL أو حركات CSS أو JavaScript. تشغّلها المتصفحات؛ وتعرض معظم محررات الصور والمحوّلات الحالة الأولية الثابتة فقط.