ملفات SVG.

ما ستتعلمه.

• ما هو ملف SVG؟
• تاريخ ملف SVG
• ما استخدامات ملفات SVG؟
• مزايا ملفات SVG وعيوبها
• كيفية فتح ملف SVG
• كيفية إنشاء ملف SVG وتحريره
• ملفات SVG: الأسئلة الشائعة

ما هو ملف SVG؟

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

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

يمكنك بسهولة تحديد ملف SVG من خلال الامتداد ‎.svg.

تاريخ ملف SVG.

يعود تاريخ ملف SVG إلى أواخر التسعينيات عندما دعت World Wide Web Consortium (W3C) المطورين لتقديم مقترحات لنوع جديد من تنسيق رسومات vector. تم تقديم ستة مقترحات تنافسية وساهمت فيما أصبح في النهاية تنسيق SVG من W3C.

استغرق انتشار ملفات SVG بعض الوقت. لم يكن الدعم كبيرًا نسبيًا حتى عام 2017، وذلك عندما بدأ الناس في ملاحظة فوائد استخدام ملفات SVG في متصفحات الويب العصرية. ينتشر استخدام ملفات SVG حاليًا في صور مواقع الويب ثنائية الأبعاد وذلك نظرًا لقدرة أغلب المتصفحات وتطبيقات الرسم لملفات vector على التعامل معها بسهولة.

مزايا ملفات SVG وعيوبها.

من الجيد البحث عن مزايا ملفات SVG وعيوبها قبل حفظ صورك بتنسيق الملف هذا.

مزايا ملفات SVG.

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

عيوب ملفات SVG.

• تتسم ملفات SVG بأنها رائعة لرسومات الويب مثل الشعارات والرسومات التوضيحية والمخططات. إلا أن عدم توفر البكسل بها يجعل من عرض الصور الرقمية مرتفعة الجودة أمرًا صعبًا. وتعتبر ملفات JPEG أفضل للصور الفوتوغرافية التفصيلية.
• المتصفحات العصرية وحدها هي التي تدعم صور SVG. قد تواجه تحديًا لاستخدام ملفات SVG مع Internet Explorer 8 والمتصفحات الأقدم.
• قد يكون من الصعب قراءة التعليمة البرمجية في صور SVG إذا كنت حديث العهد بتنسيق الملف هذا.

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

بدءًا من Chrome وEdge وحتى Safari وFirefox، تتيح لك كل المتصفحات الرئيسية إمكانية فتح ملفات SVG حاليًا؛ سواء أكنت تعمل باستخدام نظام التشغيل Mac أو Windows. كل ما عليك هو تشغيل متصفحك والنقر فوق File (ملف)

Open (فتح) لاختيار الملف الذي تريد عرضه. بعد هذا سيتم عرضه في متصفحك.

ويعتبر فتح صورة SVG باستخدام برنامج مضمن في جهاز الكمبيوتر لديك بنفس القدر من السهولة. انقر نقرًا مزدوجًا فوق اسم الملف وستظهر لك قائمة بالبرامج التي ستفتحه؛ أو سيتم فتحه تلقائيًا في برنامج متوافق.

كيفية إنشاء ملف SVG وتحريره.

اتبع هذه الخطوات عند استخدام Adobe Photoshop:

1. بمجرد تجميع صورة في Photoshop، انقر فوق File (ملف) > Export (تصدير) > Export As (تصدير باسم).
2. انقر فوق القائمة المنسدلة Format (تنسيق) ضمن المربع الذي يظهر، ثم حدد SVG.
3. حدد Export All (تصدير الكل) واحفظ الملف.

ملاحظة مفيدة: نظرًا لأن Photoshop هو محرر رسومات نقطية، يفضل الكثير إنشاء ملفات SVG وتحريرها في Adobe Illustrator، محرر رسومات vector.