ما هو SVG

1- ‎(Scalable Vector Graphics) SVG‏

هي عبارة عن اشكال بتم رسمها باستخدام معادرلات رياضية و يتم استخدمها في برمجة المواقع التي تحتوي على اشكال بحاجة إلى تغيير بشكل مستمر.
تكمن قوة ال SVG بما انها تمثل بكود بصفغر حجمها و امكانية التعديل عليها بشكل مباشر من خلال ال HTML
بحيث يوجد فيها العديد من الخواص القابلة للتغير مثلا Fill وهي لون المساحة التي تكون الشكل Stroke تمتل لون الخط المحيط بالمساحة
وهي ايضا اساس عمل في برامج التصميم ك Adobe Illustrator و العديد من البرامج و المواقع الاخرى .

2- SVG VS PNG/JPG

كما ذكرنا سايقا بما ان SVG يمثل بمعادلات رياضية فلا يوجد دقة محددة و يمكن تكبير الاشكال او تصغيرها بدون خسارة الدقة او تفير الشكل .
على عكس PNG/JPG اللذان يجب ان يتم حفظهما بدقة عالية من اجل الحفاظ على الجودة وهذا الامر قد يسبب مشاكل مثل بطء في التحميل نتيجة المساحة الكبيرة المتطلبة للحفاظ على الجودة .
المشكلة الوحيدة التي يمكن ان تواجهها عند استعمال SVG هي عند استخدام اشكال معقدة جداعندها قد يسبب الأمر بطء في معالجة الرسوميات و خاصة للأجهزة الضعيفة

3- هل يجب تعلم استخدام SVG ؟

قد يكون كتابة كود SVG معقدا في البداية و لكن تمكن اتقانة و توظيفه مع لغة JavaScript سوف يجعلد قادرا على برمجة مواقع برسوميات تفاعلية و خارقة  .
يمكن رؤية مثال عن قوة استخدام SVG في المواقع ادناه و سوف نضع رابط الموقع من اجل ان تتمكن من زيارته
‎https://china.circus-inc.com‏