PNG أم JPG للخلفية الشفافة؟ دليل قرار مقارن

القرار يعود في حقيقته إلى سؤال واحد

عند تقرير ما إذا كان ينبغي للصورة أن تكون PNG أم JPG، فإن السؤال الأول والأكثر حسماً هو: هل يجب أن تكون خلفية هذه الصورة شفافة؟ فإن كان الجواب نعم، انتهت المقارنة عند هذا الحد — إذ إن JPG ليست خياراً أصلاً، لأن الصيغة لا تدعم الشفافية إطلاقاً. وإن كان الجواب لا، فيُتخذ القرار بحسب حجم الملف ونوع المحتوى.

نقارن في هذا المقال بين الصيغتين من زوايا الشفافية وحجم الملف وملاءمة المحتوى وسيناريوهات الاستخدام العملية.

الشفافية: فارق بنيوي

صُممت صيغة JPG في مطلع تسعينيات القرن الماضي لحفظ الصور الفوتوغرافية بكفاءة. والصورة الفوتوغرافية لا خلفية لها — فالإطار المستطيل ممتلئ بكامله. ولهذا لم يُضف إلى الصيغة أي مكوّن للشفافية قط. فكل بكسل في JPG يحمل ثلاث قنوات لونية، ولا وجود لقناة رابعة للشفافية.

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

والنتيجة العملية: إذا حفظت ملف PNG شفافاً بصيغة JPG، فستُملأ المناطق الشفافة بلون مصمت بصورة دائمة. ويكون هذا اللون أبيض في الغالب، لكن بعض البرمجيات تستخدم الأسود. ولا يمكن التراجع عن هذه العملية؛ فإعادة تحويل ملف JPG إلى PNG لا تمحو اللون الذي مُلئت به المساحة، بل تحفظ ذلك اللون حفظاً عديم الفقد لا غير.

حجم الملف: توازن يتغير بحسب المحتوى

يميل الاعتقاد السائد إلى أن "PNG أكبر حجماً دائماً"، لكن هذا لا يصح إلا في الصور الفوتوغرافية.

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

في المحتوى الرسومي والنصي يضيق الفارق، وينقلب أحياناً. فلقطة الشاشة أو تصميم الواجهة أو الجدول أو الشعار ذو الأرضية المصمتة تحوي مساحات واسعة أحادية اللون. وتحزمها PNG بكفاءة عالية. أما JPG فلا تبدو أسوأ في هذا المحتوى فحسب — هالات عند الحواف وتشوش في النص — بل تنتج أحياناً ملفاً أكبر حجماً، لأن الحواف الحادة عالية التردد وتُجهد منطق الضغط في JPG.

أي صيغة في أي سيناريو

شعار موقع إلكتروني: PNG. فالشفافية لازمة لإمكانية استخدامه على أرضيات مختلفة، وحجم الملف يبقى صغيراً أصلاً في الشعارات ذات الألوان المصمتة.

صورة غلاف مقال في مدونة: JPG. فلا حاجة إلى الشفافية، والمحتوى فوتوغرافي، وسرعة الصفحة مهمة. والتحويل إلى PNG لا يثقل الصفحة إلا بلا داعٍ.

صورة منتج أُزيلت خلفيتها: PNG. فإن أردت في التجارة الإلكترونية عرض المنتج على أرضيات مختلفة، فالشفافية إلزامية. وإن كانت الأرضية ستبقى بيضاء دائماً فيمكن التفكير في JPG أيضاً، لكنك تتنازل عن المرونة.

لقطات الشاشة وصور التوثيق: PNG. فالنصوص وعناصر الواجهة تبقى حادة، ولا ينشأ التشوش الذي تُحدثه JPG عند حواف النص.

منشورات وسائل التواصل الاجتماعي: JPG في الغالب. فلأن معظم المنصات تعيد ضغط الصورة المرفوعة إلى صيغتها الخاصة، يبقى المكسب من رفع ملف PNG محدوداً؛ وإن كان المحتوى فوتوغرافياً فإن JPG أكثر عملية من حيث الرفع والمعالجة معاً.

رسم معد للطباعة: PNG أو صيغة عديمة الفقد أكثر احترافية. فالجودة يجب أن تُصان في كل مرحلة قبل الطباعة؛ وفقد الأجيال في JPG قد يصبح مرئياً في المطبوع.

قرار التحويل: الاتجاه مهم

الانتقال من PNG إلى JPG يكسبك في الحجم لكنه يضحّي بالشفافية وبقدر من التفاصيل — ولا رجعة فيه. أما الانتقال من JPG إلى PNG فلا يرفع الجودة، بل يوقف الخسائر اللاحقة فحسب ويقدم وعاءً يمكنك أن تضيف إليه شفافية.

ولهذا فإن سير العمل العملي هو التالي: احتفظ بملف عملك بصيغة عديمة الفقد، وأنتج نسخة التوزيع بحسب الحاجة. فإن كنت ستعدّل صورة أو تضيف إليها طبقات أو تزيل خلفيتها، فابدأ بتحويل JPG إلى PNG؛ أما نسخة الصورة النهائية المعدة للنشر فصدّرها بصيغة JPG أو WEBP.

خلاصة القول

إن كانت الشفافية مطلوبة فلا مجال للمقارنة، إذ تكون PNG الخيار الوحيد. وإن لم تكن مطلوبة فانظر إلى نوع المحتوى: إن كان صورة فوتوغرافية فإن JPG أكفأ بوضوح، وإن كان رسماً أو نصاً فإن PNG أنظف وصغيرة بما يكفي في أغلب الأحيان. فالصيغتان ليستا متنافستين، بل أداتان صُممتا لمهمتين مختلفتين؛ والاختيار الصحيح رهنٌ بماهية الصورة وبالمكان الذي ستُستخدم فيه.