الصور النقطية مقابل الصور المتجهة: ما الفرق؟
بكسلات أم مسارات؟ فهم نوعَي الصور الأساسيَّين هو المفتاح لاختيار التنسيق المناسب لكل مشروع.
حوّل الصور إلى SVGمقدمة
كل صورة رقمية تصادفها تنتمي إلى إحدى فئتين: نقطية أو متجهة. هذا الفرق أهم مما يدركه معظم الناس. إذا اخترت النوع الخاطئ لمشروعك، فقد ينتهي بك الأمر بشعارات ضبابية على لوحة إعلانية، أو صفحات ويب ثقيلة تتحرك ببطء على الهاتف المحمول، أو أعمال فنية لا يمكنك تعديلها دون البدء من الصفر.
تُخزِّن الصور النقطية المعلومات المرئية كشبكة ثابتة من البكسلات الملونة. أما الصور المتجهة فتُخزِّنها كأوصاف رياضية للأشكال والخطوط والمنحنيات. هذا الاختلاف البنيوي الواحد يحدد كيفية تغيير حجم كل تنسيق، وحجم الملف، وسهولة التعديل، وحالات الاستخدام الأنسب.
يشرح هذا المقال الفروقات بلغة بسيطة، ويقارن بين النوعين جنبًا إلى جنب، ويوضح كيفية التحويل بينهما. بنهاية المقال ستعرف بالضبط متى تستخدم PNG ومتى تستخدم SVG.
ما هي الصور النقطية؟
الصورة النقطية (وتُسمى أيضًا صورة نقطية bitmap) تُبنى من شبكة مستطيلة من مربعات ملونة صغيرة تُسمى بكسلات. يُخزِّن كل بكسل قيمة لون واحدة. عند التصغير، تندمج البكسلات معًا وتُدرك العين صورة ناعمة ومتصلة. أما عند التكبير إلى ما بعد الدقة الأصلية للصورة، فتبدأ برؤية المربعات الفردية — العلامة المميزة للتشويه البكسلي.
لأن الصور النقطية تعتمد على الدقة، فإن جودتها مرتبطة بأبعاد البكسلات التي أُنشئت أو التُقطت بها. صورة بدقة 1920×1080 تبدو حادة على شاشة Full HD، لكن إذا مددتها لملء شاشة 4K أو طبعتها على ملصق، يصبح نقص التفاصيل واضحًا. لا يمكنك إضافة دقة لم تكن موجودة أصلًا.
تشمل تنسيقات الصور النقطية الشائعة PNG (بدون فقدان، يدعم الشفافية)، وJPG/JPEG (ضغط مع فقدان، مثالي للصور)، وWebP (تنسيق حديث بوضعَي ضغط مع وبدون فقدان)، وGIF (ألوان محدودة، يدعم الرسوم المتحركة)، وBMP (بدون ضغط)، وTIFF (جودة عالية، يُستخدم في النشر والتصوير)، وAVIF (جيل جديد، ضغط ممتاز).
تتفوق الصور النقطية في تمثيل معلومات الألوان المعقدة. تحتوي الصور الفوتوغرافية واللوحات والملمسات التفصيلية على ملايين التدرجات اللونية الدقيقة التي يُلتقط طبيعيًا بكسل ببكسل. لهذا السبب تُنتج كل كاميرا وماسح ضوئي وأداة لقطة شاشة مخرجات نقطية بشكل افتراضي.
ما هي الصور المتجهة؟
تصف الصورة المتجهة العناصر المرئية باستخدام بدائيات رياضية: نقاط وخطوط ومنحنيات وأشكال مُعرَّفة بإحداثيات ومعادلات. بدلًا من تسجيل لون كل بكسل، يسجل الملف المتجه تعليمات مثل «ارسم دائرة حمراء بمركز عند (50, 50) ونصف قطر 30». يُعيد محرك العرض — سواء كان متصفحًا أو أداة تصميم أو طابعة — حساب هذه التعليمات ورسمها بأي دقة يتطلبها جهاز الإخراج.
هذا يجعل الصور المتجهة مستقلة عن الدقة. شعار SVG يبدو بنفس الحدة على شاشة 72 dpi، وكتيب مطبوع بدقة 300 dpi، ولافتة فينيل بعرض 10 أمتار. لا توجد شبكة بكسلات للتمديد، لذا لا يوجد تشويه بكسلي — أبدًا.
أهم تنسيق متجه على الويب هو SVG (Scalable Vector Graphics). SVG هو معيار مفتوح قائم على XML تدعمه جميع المتصفحات الحديثة. تشمل التنسيقات المتجهة الشائعة الأخرى EPS (PostScript مغلف، يُستخدم في مسارات عمل الطباعة التقليدية) وAI (التنسيق الأصلي لبرنامج Adobe Illustrator). لمعرفة المزيد عن SVG تحديدًا، اقرأ دليلنا حول ما هو SVG؟
المتجه هو الخيار الطبيعي لـالشعارات والأيقونات والطباعة والمخططات والرسوم التوضيحية — أي شيء مبني من أشكال نظيفة وألوان صلبة أو متدرجة. تحتاج هذه الأصول إلى العمل بأي حجم وأن تظل سهلة التعديل لاحقًا.
مقارنة جنبًا إلى جنب
يلخص الجدول أدناه الفروقات الرئيسية بين الصور النقطية والمتجهة عبر الأبعاد الأكثر أهمية عند اختيار التنسيق.
| الميزة | نقطية | متجهة |
|---|---|---|
| التكوين | شبكة من البكسلات | أشكال ومسارات رياضية |
| قابلية التحجيم | تعتمد على الدقة؛ تتشوه عند التكبير | مستقلة عن الدقة؛ حادة بأي حجم |
| حجم الملف | يزداد مع الأبعاد وعمق الألوان | يزداد مع تعقيد الأشكال، وليس الأبعاد |
| قابلية التعديل | تعديل على مستوى البكسل؛ صعب عزل العناصر | تعديل على مستوى العنصر؛ سهل تحديد الأشكال وتعديلها |
| تعقيد الألوان | يتعامل مع ملايين الألوان والتدرجات الدقيقة | الأفضل للوحات ألوان محدودة؛ التدرجات ممكنة لكن أقل دقة |
| الأفضل لـ | الصور الفوتوغرافية، الملمسات، الأعمال الفنية التفصيلية | الشعارات، الأيقونات، الرسوم التوضيحية، الطباعة |
| التنسيقات الشائعة | PNG, JPG, WebP, GIF, BMP, TIFF, AVIF | SVG, EPS, AI, PDF (وضع متجه) |
| دعم الويب | شامل | SVG مدعوم بشكل شامل في المتصفحات |
للاطلاع على مقارنة أعمق بين SVG وPNG في الممارسة العملية، راجع مقارنة SVG مقابل PNG.
التنسيقات الشائعة حسب النوع
| النوع | التنسيقات | الاستخدام النموذجي |
|---|---|---|
| نقطية (مع فقدان) | JPG, WebP (مع فقدان), AVIF (مع فقدان) | الصور الفوتوغرافية، صور وسائل التواصل الاجتماعي |
| نقطية (بدون فقدان) | PNG, BMP, TIFF, GIF, WebP (بدون فقدان) | لقطات الشاشة، الرسومات الشفافة، الأرشفة |
| متجهة | SVG, EPS, AI, PDF | الشعارات، الأيقونات، المخططات، إنتاج الطباعة |
التحويل بين النقطية والمتجهة
فهم الفرق بين نوعَي الصور يطرح بطبيعة الحال سؤالًا: هل يمكنك تحويل أحدهما إلى الآخر؟ الإجابة القصيرة هي نعم، لكن الاتجاهين ليسا بنفس السهولة.
من نقطية إلى متجهة (التتبع)
يُسمى تحويل الصورة النقطية إلى متجهة بالتتبع أو التحويل المتجه. يحلل البرنامج بيانات البكسلات، ويكتشف الحواف ومناطق الألوان، ويُعيد بناءها كمسارات متجهة. ولأنك تنتقل من شبكة ثابتة إلى أشكال رياضية، فإن النتيجة دائمًا تقريب للأصل وليست استنساخًا دقيقًا.
يُجري Any2SVG هذا التحويل مباشرة في متصفحك. يُعرض الصورة المرفوعة على عنصر HTML Canvas ثم يتتبعها باستخدام ImageTracer.js، وهي مكتبة تحويل متجه تعمل على جانب العميل. تتم العملية بالكامل محليًا — لا تُرسل بيانات صورتك أبدًا إلى خادم للتتبع. يمكنك التحكم في عدد الألوان ومستوى التفاصيل وتحسين المسارات لتحقيق التوازن بين الجودة وحجم الملف.
هل تريد تجربته؟ ارفع ملف PNG وحوّل PNG إلى SVG مع دليلنا خطوة بخطوة، أو انتقل مباشرة إلى المحوّل وحوّل الصور النقطية إلى SVG الآن.
من متجهة إلى نقطية (التنقيط)
الاتجاه العكسي — من متجهة إلى نقطية — يُسمى التنقيط. يُقيّم البرنامج الأوصاف الرياضية عند دقة بكسلات محددة ويملأ الشبكة. هذه العملية حتمية وبدون فقدان تقريبًا عند أي دقة معينة: كل متصفح وأداة تصميم تقوم بذلك في كل مرة تعرض فيها ملف SVG على شاشة قائمة على البكسلات.
التنقيط عملية مباشرة لأنك تُضيف معلومات بكسلات ولا تحذفها. القرار الوحيد هو بأي دقة تُعرض. لهذا السبب يُعد تصدير SVG إلى PNG بدقة 2x أو 3x عملية بنقرة واحدة في معظم الأدوات.
الخلاصة
النقطية والمتجهة ليسا تنسيقين متنافسين — بل أداتان متكاملتان صُمِّمتا لمهام مختلفة. تلتقط النقطية غنى الصور الواقعية بملايين البكسلات. وتلتقط المتجهة دقة الرسومات المصممة بأشكال رياضية قابلة للتحجيم. أفضل سير عمل يستخدم كليهما، مع اختيار النوع المناسب لكل أصل.
عندما تحتاج إلى نقل صورة من عالم إلى آخر، تجعل أدوات مثل Any2SVG التحويل بسيطًا. ارفع ملفًا نقطيًا، واضبط إعدادات التتبع، وحمّل ملف SVG نظيفًا — كل ذلك دون مغادرة متصفحك.