ما الفرق بين الفيكتور Vector والصور النقطية Raster images ؟

تختلف تصاميم الفيكتور عن الصورة النقطية فهنالك الكثير من الاستخدامات لكليهما، فتوجد الصورة النفطية في كل الصور التي تعرض من التصوير الفوتوغرافي والسينمائي وأي صورة معدل عليها، لكن ما دخل الفيكتور بالصور النقطية ؟

الصور النقطية أو Raster Images أو Raster Graphics هي الصور التي تتكون من مجموعة من البيكسل Pixels المرصوصة واحدة جوار الأخرى (بشكل شبكي). وكل بيكسل منهم يحتوي على لون مختلف ليجتمعوا مكونين الصورة بالكامل.

وكلما زاد عدد البيكسل Pixels في الصورة كلما زادت تفاصيلها وجودتها والعكس صحيح.

تُستخدم الصور النقطية Raster في العديد من المجالات في وقتنا الحالي، ويُعتبر هذا النوع من الصور هو الأكثر إستخداماً وذلك بسبب سهولة إنشائه، وأهم هذه المجالات هي:

• التصوير الفوتوغرافي

• التصميم الجرافيكي

• تصميم ألعاب الفيديو

• تصميم الصور التي تُنشر على الويب

• غنية بالتفاصيل والتدرجات اللونية، وهذا ما يجعل هذا النوع مناسب للتصوير الفوتوغرافي.
• تعتمد جودة هذا النوع على دقة الصورة (Resolution) بشكل كبير. حيث كلما زاد عدد البيكسل في الصورة كلما زادت الدقة والجودة.
• تصدير بصيغ متعددة، ويمكن تعديلها مرة أخرى بإستخدام أي برنامج لتعديل الصور.

• غير قابلة للتكبير، حيث إذا تم تكبير هذا النوع من الصور فستخسر الصورة جودتها.

• كلما زادت جودة الصورة كلما زاد حجم الملف.

الفيكتور أو Vector Graphics هي رسوم يتم إنشائها من خلال برامج الحاسوب و تُستخدم غالباً لإنشاء الأشكال والأنماط الهندسية والطرق والخرائط ورسم الشخصيات والأنماط (Patterns) والأبنية وغيرها.

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

• تصميم الشعارات

• تصميم واجهات المستخدم (UI و UX)

• الرسم الرقمي (Digital Art)

• رسومات الموشن جرافيك

• تصميم المطبوعات

• قابلة للتصغير والتكبير من دون أي فقدان للجودة، أي على عكس الصور النقطية.
• تستطيع أن تستخدم الاشكال والانماط بكل سلاسة وحتى الكتابة والحروف والرسوم ذو سلاسة عالية في الاستخدام. ويمكن إجراء أي تعديل على لون أو حجم العناصر في أي وقت.
• حجم الملف أصغر من الصور النقطية رغم جودتها العالية.
• تحويل صور الفيكتور إلى صور نقطية هو أمر في غاية السهولة، على عكس عملية تحويل الصور النقطية للفيكتور.

• صور الفيكتور تكون صورة رقمية (أو غير واقعية)، أي على عكس الصور النقطية التي قد تكون صورة مُلتقطة بكاميرا إحترافية تحمل تفاصيل دقيقة جداً.

• صور الفيكتور التي تحتوي على تفاصيل عالية جداً ستواجه مشاكل في عملية عرضها أو تعديلها، حيث يكون فيها عدد العناصر والألوان كبير جداً.

• للوصول لنتيجة عالية الدقة في إنشاء رسومات الفيكتور ستحتاج لمعرفة واسعة في مجال الرسم ومهارة عالية.

هنالك العديد من البرامج التي تُستخدم في عملية إنشاء الفيكتور، والتي أهمها:

• Adobe illustrator

• Sketch

• inDesign

• Adobe XD

• Figma

• Inkscape Project

• CorelDRAW

• Affinity Designer

• Gravit Designer

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

أن عملية تحويل الفيكتور إلى صورة نقطية هو أمر بغاية السهولة، على سبيل المثال، عندما يتم إستخدام الفيكتور في الموشن جرافيك فهي بالأساس عملية تحويل إلى النمط النقطي (الصور النقطية) وهذه تتم اثناء عملية الـ Rendering أو عملية التصدير. أو على سبيل المثال، يمكنك تصدير تصميم الفيكتور على شكل صورة نقطية Raster (بصيغة JPG أو PNG .. الخ) من خلال برنامج التصميم الذي تستخدمه لإنشاء وتعديل الفيكتور، مثل برنامج الـ Adobe illustrator.

مثال على عملية تحويل الفيكتور إلى صورة النقطية من خلال عملية التصدير (Export) في برنامج Adobe illustrator:

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

مثال على عملية تحويل الصور النقطية إلى فيكتور من خلال برنامج Adobe illustrator:

• What’s the difference between vector and raster images
• Raster vs. vector: What are the differences? | Adobe
• Raster or vector? The pros, the cons, the usage