ما هو ملف SVG؟ دليل مبسّط لآلية الرسوم المتجهية واستخداماتها
ما هو ملف SVG؟ يشرح هذا الدليل بلغة مبسّطة آلية الرسوم المتجهية SVG، والفرق بينها وبين PNG وJPG، ومزاياها وعيوبها، واستخداماتها الشائعة، وطرق فتحها وتحريرها، مع ترشيح أداة مجانية لتحويل الصور إلى SVG عبر الإنترنت.
أولًا: ما هو SVG؟
SVG اختصار لعبارة Scalable Vector Graphics (الرسوم المتجهية القابلة للتكبير)، وهي صيغة رسوم متجهية مفتوحة قائمة على XML، وضعت معاييرها منظمة W3C. وبخلاف PNG وJPG اللتين تسجّلان الصورة في شبكة من البكسلات، فإن SVG يصف الأشكال بصيغ رياضية: فالخط المستقيم والدائرة وقوس بيزييه تُكتب داخل الملف على هيئة إحداثيات وأوامر مسار.
ولهذا السبب لا يصير ملف SVG ضبابيًا عند تكبيره مهما بلغ الحجم: فالمتصفح يعيد رسم الصيغ على الأبعاد الجديدة بدلًا من تمديد البكسلات. وهذا هو معنى كلمة «متجه».
ثانيًا: الفرق بين SVG وPNG / JPG
| وجه المقارنة | SVG | PNG / JPG |
|---|---|---|
| طريقة التسجيل | مسارات رياضية (متجه) | شبكة بكسلات (نقطي) |
| عند التكبير | تكبير بلا حدود بلا تشويه | حواف مسننة وضباب |
| حجم الملف | صغير جدًا للأشكال البسيطة (بضعة كيلوبايت) | ينمو طرديًا مع الدقة |
| قابلية التحرير | نص قابل للتحرير وتغيير اللون والتحريك | يحتاج برنامج معالجة صور |
| الأنسب لـ | الأيقونات والشعارات والتوضيحات والرسوم البيانية | الصور الفوتوغرافية والإضاءة المعقدة |
ثالثًا: الاستخدامات النموذجية لـ SVG
- أيقونات المواقع والشعارات: ملف SVG واحد يناسب كل كثافات الشاشات ويبقى حادًا على شاشات Retina؛
- التوضيحات والرسوم البيانية: مكتبات عرض البيانات مثل ECharts وRecharts تُخرج SVG افتراضيًا؛
- الطباعة والنحت: أجهزة النحت بالليزر وقواطع الحروف وطابعات UV تقبل مسارات SVG على نطاق واسع؛
- الرسوم المتحركة: يمكن قيادة مسارات SVG مباشرة عبر CSS / SMIL / JavaScript، فتُنفَّذ تأثيرات رسم الخطوط وغيرها.
رابعًا: كيف نفتح ملفات SVG ونحرّرها؟
يمكن فتح ملفات SVG مباشرة في المتصفحات (Chrome / Edge / Firefox / Safari)، وتحريرها في برامج التصميم مثل Illustrator وFigma وInkscape (المجاني). وإذا كان المطلوب فقط تغيير اللون أو إزالة الخلفية أو مسح جزء من الرسم، فاستخدم محرر PolySVG لملفات SVG عبر الإنترنت دون تثبيت أي برنامج.
خامسًا: كيف أحوّل PNG / JPG لدي إلى SVG؟
استخدم أداة PolySVG لتحويل الصور إلى SVG: بعد رفع الصورة يتولى النموذج المطوّر داخليًا تكميم الألوان وتتبّع الحدود وملاءمة المنحنيات، فتحصل خلال ثوانٍ على ملف SVG قابل للتحرير، مع إمكانية إزالة الخلفية بنقرة واحدة. العملية كلها مجانية ودون تسجيل.
خلاصة: SVG صيغة «ترسم بالصيغ»، فهي مناسبة بطبيعتها للأيقونات والشعارات وكل رسم يحتاج إلى تكبير؛ أما المحتوى الفوتوغرافي فننصح ببقائه بصيغة JPG / WEBP.
الأسئلة الشائعة
بأي برنامج أفتح ملفات SVG؟
أي متصفح حديث يعرضها مباشرة، وللتحرير استخدم Illustrator أو Figma أو Inkscape، أو استخدم محرر PolySVG عبر الإنترنت بلا تثبيت.
هل يمكن تحويل SVG إلى PNG؟
نعم. يدعم محرر PolySVG تصدير SVG إلى PNG بأي دقة، كما يمكن ذلك عبر لقطة شاشة من المتصفح أو التصدير من برامج التصميم.