PNG مقابل JPG مقابل WebP - أي صيغة صور يجب أن أستخدم؟
تكاد كل صورة على الويب تنتمي إلى واحدة من ثلاث صيغ، وكل واحدة منها تتنازل عن شيء مختلف للوصول إلى غايتها. تضغط JPG الصور الفوتوغرافية بقوة عبر التخلص من التفاصيل التي من غير المرجح أن تلاحظ عينك غيابها، وتحافظ PNG على كل بكسل تمامًا كما كان وتضيف الشفافية، وWebP هي صيغة Google الأحدث التي تحاول القيام بالمهمتين معًا - الضغط مع فقدان ودون فقدان، مع الشفافية - في ملف أصغر مما تنتجه عادة أي من الصيغتين الأقدم. اختيار الصيغة الخطأ نادرًا ما يكون كارثيًا، لكنه يعني إما أوقات تحميل صفحة منتفخة أو صورًا ضبابية ومتكتلة بشكل ملحوظ. يفصّل هذا الدليل ما تفعله كل صيغة فعليًا خلف الكواليس، وأين تقع HEIC (الصيغة التي يحفظ بها آيفون الصور) ضمن هذه الصورة، وكيفية تحويل أو ضغط أي منها دون رفع ملف إلى أي مكان.
ما هي JPG ومتى يجب استخدامها؟
تستخدم JPG (تُكتب أيضًا JPEG) ضغطًا فاقدًا للبيانات (lossy): فهي تحلل الصورة في كتل، وتتخلص من التفاصيل الدقيقة وتباينات الألوان التي تكون العين البشرية سيئة في ملاحظتها، وتعيد بناء تقريب لها عند فك الترميز. هذه المقايضة هي بالضبط سبب صغر حجم JPG - فصورة فوتوغرافية كانت لتأخذ عدة ميجابايتات دون ضغط غالبًا ما تُضغط إلى بضع مئات من الكيلوبايتات بإعداد جودة لا يستطيع معظم الناس تمييزه عن الأصل. لا تملك JPG قناة شفافية، لذا فهي تُعرض دائمًا على خلفية معتمة، وهي ليست ملائمة للقطات الشاشة أو الرسم الخطي أو النص، حيث يصبح التمويه الناعم حول الحواف الحادة واضحًا. استخدم JPG للصور الفوتوغرافية والصور الشبيهة بها - لقطات المنتجات والصور الشخصية والمناظر الطبيعية - حيث يهم حجم الملف وتُتوقّع خلفية.
ما هي PNG ومتى يجب استخدامها؟
تستخدم PNG ضغطًا غير فاقد للبيانات (lossless): فكل بكسل تحفظه هو نفس البكسل الذي تستعيده تمامًا، دون أي تقريب. هذا ما يجعل PNG الخيار الصحيح للقطات الشاشة ونماذج واجهات المستخدم والشعارات والمخططات وأي صورة تحتوي على نص حاد أو حواف صلبة، حيث تصبح تشوهات الضغط الفاقد للبيانات مرئية فورًا كتمويه أو تشويش متكتل حول الحواف. تدعم PNG أيضًا قناة ألفا (شفافية) كاملة، بحيث يمكن لشعار أو أيقونة أن تحصل على خلفية شفافة حقًا بدلًا من مربع أبيض أو ملوّن حولها. أما التكلفة فهي في الحجم: لأن PNG لا تستطيع التخلص من التفاصيل، فإن الصورة الفوتوغرافية المحفوظة بصيغة PNG تكون عادة أكبر بعدة أضعاف من نفس الصورة المحفوظة بصيغة JPG، دون أي كسب ملحوظ في الجودة بالنسبة لموضوع فوتوغرافي.
ما هي WebP وكيف تختلف عن JPG وPNG؟
WebP صيغة أحدث صُممت لتحل محل الصيغتين الأقدم معًا. فهي تدعم الضغط الفاقد وغير الفاقد للبيانات معًا في صيغة ملف واحدة، إضافة إلى قناة شفافية كاملة مثل PNG - بحيث يمكن لصيغة واحدة أن تتعامل مع صورة مضغوطة، ولقطة شاشة بلا فقدان، وشعار شفاف. عمليًا، تكون ملفات WebP عادة أصغر بنسبة 25-35% من ملف JPG بجودة مكافئة، وعادة ما تكون WebP غير الفاقدة للبيانات أصغر من نفس الصورة المحفوظة بصيغة PNG أيضًا. أصبح دعم المتصفحات شاملًا تقريبًا منذ أوائل عقد 2020 (كل متصفح رئيسي يعرضها بشكل أصلي)، ما أزال الاعتراض التاريخي الرئيسي على استخدامها. والمشكلة المتبقية هي التوافق خارج المتصفح: فبعض محرري الصور الأقدم، وإضافات أنظمة إدارة المحتوى القديمة، وسير عمل الطباعة أو التصميم ما زالت لا تفتح WebP مباشرة، لذا يستحق الأمر التحقق من مجموعة أدواتك المحددة قبل اعتمادها في كل مكان.
أين تقع HEIC، وهل يجب أن تحوّلها؟
HEIC هي الصيغة التي يستخدمها آيفون افتراضيًا للصور منذ iOS 11 - فهي تضغط بكفاءة أكبر من JPG بجودة مماثلة، ولهذا تشغل مساحة أقل على هاتفك. المشكلة هي التوافق، لا الجودة: فكثير من برمجيات Windows وتطبيقات أندرويد الأقدم ونماذج الويب وبرامج البريد الإلكتروني إما لا تفتح ملف .heic على الإطلاق أو تتعامل معه بصعوبة. إذا كنت تشارك صورة في مكان قد لا يدعم HEIC - كالرفع إلى موقع ويب، أو إرسال بريد إلكتروني لشخص يستخدم جهازًا مجهولًا، أو النشر في برمجيات أقدم - حوّلها إلى JPG أولًا لأوسع توافق ممكن، أو إلى PNG فقط إذا كنت تحتاج تحديدًا إلى جودة بلا فقدان أو شفافية (وهو أمر نادر لصورة كاميرا عادية). يتولى محوّل HEIC إلى JPG من LocalMedia هذا التحويل بالكامل داخل متصفحك، بحيث تُقرأ الصورة من جهازك، وتُحوَّل، وتُحفظ مجددًا دون رفعها إلى أي مكان.
أي صيغة يجب أن تختارها فعليًا، حسب حالة الاستخدام؟
يعتمد القرار عادة على ما تحتويه الصورة وإلى أين هي ذاهبة. لصورة فوتوغرافية أو شبيهة بالفوتوغرافية موجهة للويب، استخدم WebP إذا كانت منصتك تقبلها، أو JPG في غير ذلك. للقطة شاشة أو مستند ممسوح ضوئيًا أو مخطط أو أي شيء يحتوي نصًا، استخدم PNG (أو WebP غير الفاقدة للبيانات) لتبقى الحواف حادة. لـشعار أو أيقونة أو رسم يحتاج إلى خلفية شفافة، استخدم PNG أو WebP - أبدًا JPG، لأنها لا تستطيع تمثيل الشفافية على الإطلاق. لـأقصى توافق مع البرمجيات القديمة أو برامج البريد الإلكتروني أو سير عمل الطباعة، تظل JPG وPNG الخيارين الشاملين الأكثر أمانًا، لأن دعم WebP خارج المتصفحات الحديثة ما زال غير متسق.
لماذا تزداد جودة ملف JPG سوءًا كلما أعدت حفظه مرارًا؟
لأن ضغط JPG فاقد للبيانات، فكل مرة تفتح فيها ملف JPG وتحرره وتحفظه مجددًا بصيغة JPG، تعيد الصيغة تحليل التفاصيل والتخلص منها فوق ما تم التخلص منه أصلًا في المرة الأولى. حرّر واحفظ عدة مرات وسيصبح الفقدان المتراكم مرئيًا كتمويه ناعم أو تدرج لوني متكتل أو تشوهات متكتلة حول الحواف - وهي مشكلة يُطلق عليها غالبًا فقدان الأجيال (generation loss). لا يحدث هذا مع PNG، لأن الضغط غير الفاقد للبيانات لا يتخلص من التفاصيل أبدًا مهما كررت الحفظ. إذا كنت تحتاج إلى تحرير صورة عدة مرات، احتفظ بنسخة أصلية بصيغة PNG أو أي صيغة أخرى غير فاقدة للبيانات أثناء التحرير، ولا تُصدّر إلى JPG إلا مرة واحدة، في النهاية، للتسليم النهائي.
كيف تحوّل أو تضغط الصور دون رفعها؟
التحويل بين JPG وPNG وWebP وHEIC، أو تصغير ملف كبير جدًا، لا يتطلب إرسال الصورة إلى خادم على الإطلاق - إذ يمكن للمتصفح أن يفك ترميز ويعيد ترميز معظم صيغ الصور الشائعة بنفسه. يبدّل محوّل صيغ الصور من LocalMedia بين JPG وPNG وWebP مباشرة داخل تبويب متصفحك، ويقلّل ضاغط الصور حجم الملف بتعديل الجودة أو الأبعاد، وكلاهما دون أن يغادر الملف جهازك أبدًا. يمكنك التحقق من ذلك بنفسك: افتح أدوات المطوّرين في متصفحك (F12)، وانتقل إلى تبويب Network، وراقب أي طلب رفع أثناء تحويل أو ضغط ملف - الأداة المحلية فعلًا لا ترسل شيئًا.
أدوات ذات صلة
الأسئلة الشائعة
- هل PNG أفضل من JPG؟
- لا تتفوق واحدة على الأخرى بشكل مطلق - فكل منهما مصممة لمحتوى مختلف. الضغط الفاقد للبيانات في JPG يجعلها أصغر بكثير للصور الفوتوغرافية، بينما يحافظ الضغط غير الفاقد للبيانات في PNG على لقطات الشاشة والنص والرسوم خالية من التمويه ويضيف دعم شفافية تفتقر إليه JPG كليًا. استخدم JPG للصور، وPNG لأي شيء يحتوي حوافًا حادة أو نصًا أو خلفية شفافة.
- هل WebP أفضل من JPG؟
- من ناحية حجم الملف والجودة، نعم بشكل عام: تنتج WebP عادة ملفات أصغر بنسبة 25-35% من JPG بجودة مكافئة، وتدعم أيضًا الشفافية والضغط غير الفاقد للبيانات، وهو ما لا تستطيع JPG فعله على الإطلاق. السبب الوحيد لتفضيل JPG على WebP هو التوافق مع برمجيات أو سير عمل أقدم لا تفتح ملفات WebP.
- هل تدعم WebP الشفافية؟
- نعم. تملك WebP قناة شفافية ألفا كاملة في كل من وضعيها الفاقد وغير الفاقد للبيانات، بحيث يمكنها أن تحل محل PNG للشعارات والأيقونات الشفافة مع إنتاج ملف أصغر عادة.
- هل يجب أن أحوّل HEIC إلى JPG أو PNG؟
- حوّل إلى JPG في جميع الحالات تقريبًا - فهي أصغر ومتوافقة عالميًا، وهو ما يناسب احتياجات صورة الكاميرا. لا تحوّل إلى PNG إلا إذا كنت تحتاج تحديدًا إلى جودة بلا فقدان أو خلفية شفافة، وهو أمر غير شائع لصورة عادية.
- أي صيغة تنتج أصغر ملف؟
- للصور الفوتوغرافية، تكون WebP الفاقدة للبيانات عادة الأصغر، تليها JPG، بينما تكون PNG أكبر بكثير. أما للقطات الشاشة أو النص أو الرسم الخطي، فتكون WebP غير الفاقدة للبيانات عادة الأصغر، تليها PNG، لأن ضغط JPG الفاقد للبيانات غير ملائم للحواف الحادة بغض النظر عن حجم الملف.
- هل يمكنني التحويل بين PNG وJPG وWebP دون فقدان الجودة؟
- التحويل من صيغة غير فاقدة للبيانات (PNG) إلى إعداد آخر غير فاقد للبيانات يحافظ على الجودة تمامًا. أما التحويل إلى أو بين صيغ فاقدة للبيانات (JPG، WebP الفاقدة) فيعيد ضغط الصورة دائمًا، لذا تُفقد بعض الجودة مع كل تحويل - احتفظ بنسخة أصلية غير فاقدة للبيانات إذا كنت تتوقع تحويل أو تحرير صورة أكثر من مرة.