JPG مقابل PNG مقابل WebP: أي صيغة صورة تختار؟

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

في الحالتين أنت تتساءل الآن ما الفرق فعليًا بين JPG وPNG وWebP، وأيها كان ينبغي أن تستخدم.

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

JPG: صُنعت للصور الفوتوغرافية

تستخدم JPG (وتُكتب أيضًا JPEG) ضغطًا فاقدًا. أي أنها تُصغِّر الملف بالتخلص من تفاصيل يصعب أن تلاحظها عينك، ولا يمكنها استعادة تلك التفاصيل. وهذا هو الصواب تمامًا مع الصورة الفوتوغرافية بآلاف تدرجاتها الخفيفة: تحصل على ملف صغير لا يزال يبدو كالصورة نفسها.

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

استخدم JPG للصور الفوتوغرافية، ولها وحدها تقريبًا.

PNG: صُنعت للرسوم والشفافية

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

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

المقابل هو حجم الملف. فلأن PNG تحتفظ بكل بكسل، قد تكون الصورة الفوتوغرافية المحفوظة بصيغة PNG أكبر بعدة أضعاف من الصورة نفسها بصيغة JPG، دون أي فائدة مرئية. فـ PNG مبنية للرسوم لا للصور الفوتوغرافية.

WebP: الصيغة العصرية الشاملة

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

الأمر الوحيد الذي ينبغي معرفته هو الدعم. فكل متصفح حديث (Chrome وFirefox وEdge وSafari) يعرض WebP منذ سنوات، ولذلك فهي خيار آمن للويب. لكن بعض برامج سطح المكتب القديمة وقليلًا من خدمات الطباعة لا تقبلها بعد، فإن كنت تسلّم ملفًا إلى نظام لا تتحكم فيه، فإن JPG أو PNG هي التسليمة الأكثر أمانًا.

متى تؤذيك الصيغة الخطأ

إليك النسخة السريعة:

	JPG	PNG	WebP
الضغط	فاقد	غير فاقد	فاقد أو غير فاقد
الشفافية	لا	نعم	نعم
الأنسب لـ	الصور الفوتوغرافية	الرسوم والنصوص والشعارات	صور الويب بجميع أنواعها
حجم ملف صورة فوتوغرافية	صغير	كبير	الأصغر

المصمم الذي لا يُحمَّل شعاره

يصدّر مصمم شعار العلامة الجديد بصيغة PNG ويرسله بالبريد إلى العميل. فيأتي الرد سريعًا: "حجمه 8 ميغابايت، ولن يُحمَّل على موقعنا." كان ملف PNG يحمل خلفية فوتوغرافية كاملة بجودة غير فاقدة، بكل بكسل محفوظ، بينما لم تكن الصفحة تحتاج إلا إلى صورة صغيرة سريعة التحميل. لقد أدت PNG مهمتها على أكمل وجه. لكنها كانت المهمة الخطأ.

لقطة الشاشة التي خرجت مشوَّشة

المصمم نفسه، بعد أسبوع، يحفظ لقطة شاشة لواجهة تطبيق بصيغة JPG ليبقي الملف صغيرًا. والآن صارت حواف كل حرف محاطة بهالة من المربعات الرمادية، وبدت الخطوط الرفيعة ملطخة. هذا هو JPG وهو يتخلص من تفاصيل قرَّر أن أحدًا لن يفتقدها، وذلك تحديدًا في نوع الصور ذات الحواف الحادة حيث تكون الخسارة واضحة. خطآن متعاكسان، وكلاهما ناتج عن اختيار الصيغة بالعادة لا بحسب ما تكون الصورة عليه.

التحويل بينها

لست مضطرًا إلى إعادة التصدير من الملف الأصلي لإصلاح أي من الحالتين. فبإمكانك تحويل ما لديك أصلًا، داخل متصفحك مباشرة، دون رفع أي شيء إلى خادم ودون إنشاء حساب.

كيف يجعل المصمم شعاره يُحمَّل

بالنسبة إلى شعار المصمم الثقيل، الحل هو تحويل ملف PNG إلى WebP: فهو يحافظ على الشفافية ويُنزل الملف من ميغابايتات إلى بضع مئات من الكيلوبايتات، فتُحمَّل الصفحة. المظهر نفسه بجزء يسير من الحجم.

كيف يصلح المصمم النص المشوَّش

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

وحين يرفض نظام ما كل ما عدا صيغة واحدة، وهو ما لا يزال يحدث مع نماذج الرفع القديمة وبعض الطابعات، يمكن تحويل ملف PNG أو WebP أو HEIC إلى JPG، وهي الصيغة التي يقبلها كل موقع وكل طابعة.

النسخة المختصرة

استخدم JPG للصور الفوتوغرافية، وPNG حين تحتاج إلى الشفافية أو إلى نص حاد، وWebP حين تريد ملفًا أصغر يبدو كما هو على الويب. اختر بحسب ما تكون الصورة عليه، لا بحسب الصيغة التي استخدمتها آخر مرة، ولن تظهر معظم هذه المشكلات أصلًا.

هل لديك ملف بالصيغة الخطأ؟ حوِّله إلى WebP مجانًا →

وتريده في الاتجاه الآخر؟ التحويل إلى PNG → و**صورة إلى JPG →** متاحان هنا أيضًا.