السلام عليكم ورحمة الله وبركاته

في احد الايام احببت التعرف علي الفائدة من الـsvg مقارنه بغيرها من الصيغ و لماذا تعتبر الافضل في تصميم الويب و بعد قراءه اكثر من مقال احببت ان اشارككم ما قرأته عن هذه الصيغة و ارجو منكم ان تفيدوني و تشاركوني آراكم حولها ....

الـSVG هي اختصار لـ Scalable Vector Graphics و تعني بالعربية الرسوميات المتجهية متغيرة الحجم

الـSVG هي تقنية خاصة بعرض الرسوم علي مواقع الانترنت تعتمد علي الرسوميات المتجهية باستخدام رقم XML بدلاً من استخدام الصيغ الصورية المعتادة مثل : PNG - JPEG - JPG - GIF والتي يتم فيها وصف كل بكسل في الصورة

ما هو المميز في SVG :

الامر المميز في الـSVG هو انها تقوم بوصف الصوره من خلال النصوص باستخدام XML وليس باستخدام الـبيكسل . فإن هذا النص يقوم بوصف الرسوم او الصوره بالاعتماد علي احداثيات سينية وصادية تصف العلو، والعرض، واللون، الخ . و عندما يتم اعتماد هذا النوع من الملفات في المتصفحات المشهوره مثل : Chrome - Firefox - Safari - Opera - IE فان هذا يمكنك من عرض صورة معينة ضمن المتصفح وذلك من خلال فتح ملف نصي يحتوي علي وصف للصورة . و تتوفر حالياً بعض الملحقات البرمجية للمتصفحات . و التي تمكنها من عرض الصورة المرسومة بلغة الـSVG . وسوف نتحدث عنها في هذه التدوينة

ولان الـSVG تقوم بوصف العناصر باستخدام الخطوط و المنحنيات فإنها تتطلب كمية اقل بكثير من سعة الموجة مقارنة بصيغ الصور المستخدمة حالياً مثل JPEG - PNG و التي يجب ان يتم نقل كل بكسل بها كي يتم عرضها بصورة كاملة و بالإضافة الي هذه الميزة الهامة فإنه يمكنك تكبير الصورة ( ZOOM IN ) الي مدي طويل بدون فقدان اي جزء او وصف من الصورة .

ومن فوائد الـSVG مقارنة مع GIF ان لوحة الالوان بها تدعم عرض 16 مليون لون مع دعم كامل لكافة سجلات الالوان وذلك لضمان الصورة كما هي عند استعراضها في المتصفحات و يمكنك ايضا الحصول علي نسخة مطبوعة من هذه الصوره بنفس الجودة التي تراها امامك علي شاشة الحاسوب ولن تري اياً من النتوءات التي نحصل عليها من الصور التي تستخدم تقنية الـbitmap

من افضل المميزات في SVG هي امكانية انشاء الرسومات بسرعة باستخدام لغة برمجة نصية و مصدر للبيانات فمثلاً : كتابة نص برمجي يقوم بعرض نتائج فريق المبيعات على شكل رسوم بيانية (سواء ثنائية أو ثلاثية الأبعاد)، وذلك بشكل تلقائي دون أي تدخل بشري. ويمكنك أن تتخيل مثلا استخدام هذا النسق في مشاريع البناء ، فإذا كان برنامج الرسوم الهندسية الذي تستخدمه (مثل أوتوكاد) مرتبطا بالويب، فإنه يمكن لك أنت وزملاؤك في المكتب، والعميل، والمقاول، أن تتعاونوا بنشر المخطط الهندسي على موقع إنترنت خاص بالمشروع، وبمجرد إدخال تغيير على أبعاد البناء ضمن ملف المشروع في أوتوكاد، فإن كافة المخططات الهندسية الخاصة بالمشروع على الموقع تتغير لتتكيف مع هذا التعديل. ولا حدود هنا للأفكار والإمكانيات التي تتيحها هذه التقنية للعمل من خلال إنترنت.

هل يمكن حماية رسوم الـSVG ؟

بالرغم من المميزات الرهيبة للـSVG إلا انه لا يمكن حمايتها في الوقت الحالي حيث انه سيصبح بالامكان تناقلها عبر الويب دون الاهتمام لحقوق الملكية الفكرة او ما شابه ذلك ربما هذه قضيه لا تهم البعض و لكن البعض الاخر يهمه ان تكون هذه الرسومات محمية مثل مواقع الصحف التي تنشر الاخبار الحصرية فإنه بتعديل بسيط منك يمكنك التغيير في مصدر الصورة و تغيير الحقوق الملكية لهذه الصورة ولكن شركات مثل شركة أدوبي تعتزم نشر ملحق برمجي يقوم بإدارة حقوق الملكية الرقمية للرسوم التي يتم إنتاجها، وذلك بالتعاون مع اتحاد الويب .

هل الـSVG تدعم العربية ؟

يمكنك تضمين اللغة العربية ضمن لوحة محارف يونيكود (UTF-8) ضمن رسوم الـSVG ويمكن ادخال هذه النصوص بشكل مباشر باستخدام محرر نصوص يدعم العربية مثل : Dreamweaver , notepad++ , bracktes وغيرها من المحررات التي تدعم اللغة العربية