JPEG مقابل PNG مقابل WebP مقابل AVIF مقابل JXL
خمس صيغ وخمس مقايضات مختلفة. يشرح هذا الدليل كيف تضغط كل صيغة فعليًا، وأين تنهار، وكيف تختار دون تخمين.
الخلاصة في سطر واحد
استخدم JPEG للصور الفوتوغرافية عندما تكون أقصى درجة من التوافقية هي المهمة، وWebP كخيار افتراضي حديث آمن، وAVIF عندما تريد أصغر ملف ممكن، وPNG كلما احتوت الصورة على حواف حادة أو نص أو شفافية. واستخدم JXL عندما تريد صيغة حديثة بمستوى الأرشفة وتتحكم في البرنامج الذي يفتحها.
كيف تضغط كل صيغة
JPEG — الحصان الجامح العالمي
ظلّت JPEG الصيغة الفوتوغرافية الافتراضية منذ عام 1992، وما زالت هي التي تفهمها كل أداة ومتصفح وطابعة. وهي صيغة بفقدان: تقسّم الصورة إلى كتل، وتحوّلها إلى بيانات ترددية، ثم تتخلص من التفاصيل عالية التردد التي تقل حساسية العين لها. ولهذا يُنتج خفض الجودة أكثر من اللازم تلك التشوهات الكتلية والهالات المميزة حول الحواف.
المزايا: ملفات صغيرة للصور، ومساندة عالمية، وسرعة في الترميز وفك الترميز. العيوب: لا تدعم الشفافية، وأداؤها ضعيف مع الحواف الحادة والنصوص، وتتدهور في كل مرة تعيد حفظها. لا تُعد ضغط صورة JPEG نفسها مرارًا.
PNG — بلا فقدان، وبكل فخر
تخزّن PNG كل بكسل بدقة تامة. وهي تستعين بمرشحات التوقع مع DEFLATE، لذا تضغط جيدًا عندما تتكرر مساحات كبيرة — الألوان المسطحة، وواجهات المستخدم، ولقطات الشاشة، والمخططات، والشعارات. كما تدعم الشفافية الكاملة (alpha)، وهو ما لا تستطيعه JPEG.
المزايا: مخرجات مطابقة للبكسل، وشفافية، ومثالية للنصوص والرسوم الخطية. العيوب: ضغط الصور الفوتوغرافية عندها كارثي — فصورة محفوظة بصيغة PNG قد تكون بسهولة أكبر من نسختها بصيغة JPEG بخمس إلى عشر مرات. ولاحظ أن مخرجات PNG دائمًا بلا فقدان، ولهذا فهي الخيار الآمن عندما لا يمكنك تحمّل أي خسارة في الجودة.
WebP — الوسط العملي
طوّرت Google صيغة WebP كتحسين جاهز يحلّ محل JPEG وPNG، وهي تؤدي المهمتين معًا: وضع بفقدان للصور الفوتوغرافية ووضع بلا فقدان للرسوميات، إضافة إلى الشفافية. وعمليًا، تكون WebP بفقدان عادةً أصغر بنسبة 25–35% من JPEG بجودة مماثلة، وهي مدعومة الآن في كل متصفح حديث.
المزايا: توفير جيد مع دعم واسع؛ كما تتعامل مع الشفافية في الوضع بفقدان. العيوب: ما زالت حفنة من الأدوات القديمة أو المتخصصة عاجزة عن فتحها، وليست WebP بلا فقدان أفضل دائمًا من PNG محسّنة.
AVIF — أصغر الأحجام
بُنيت AVIF على مرمّز الفيديو AV1، وهي أكثر الصيغ كفاءة بين المستخدمة على نطاق واسع اليوم. وبالمقارنة مع JPEG فهي تنتج عادةً ملفات أصغر بكثير بالجودة البصرية نفسها — غالبًا نحو نصف الحجم — كما تدعم الشفافية ونطاق الألوان الواسع وHDR.
المزايا: أفضل ضغط بفارق واضح، ومجموعة ميزات حديثة. العيوب: الترميز بطيء (ثوانٍ لا أجزاء من الثانية لكل صورة)، والمتصفحات القديمة جدًا لا تعرضها. ولمجموعة من الصور، هذه هي الصيغة التي يُثمر فيها الصبر أكثر من غيرها.
JXL — خيار الأرشفة الحديث
صُممت JPEG XL (JXL) لتكون خليفة لـ JPEG. وهي تقدّم وضعين: بفقدان وبلا فقدان، مع دعم كامل للشفافية (alpha)، ونطاق ألوان واسع، وHDR، وفك ترميز تدريجي. وعند جودة مماثلة تنتج عادةً ملفات أصغر من JPEG، ما يجعلها جذابة للأرشفة ولخطوط المعالجة التي تتحكم أنت في مفكّك الترميز فيها.
المزايا: ضغط فعّال في صيغة واحدة تجمع بين الوضعين، وميزات حديثة، ودون رسوم ترخيص براءات.العيوب: الترميز بطيء عند مستويات الجهد الأعلى، ودعم العرض في المتصفحات ما زال متفاوتًا — فـ Chrome وFirefox لا يعرضان ملفات JXL افتراضيًا، لذا ليست بديلًا آمنًا بعد عن WebP أو AVIF على الويب المفتوح. تستطيع tinyimg ترميزه وفك ترميزه، لكن اختبر الجمهور المستهدف أولًا.
مقارنة جانبية
| الصيغة | الضغط | الشفافية | الأنسب لـ | احترس من |
|---|---|---|---|---|
| JPEG | بفقدان | لا | الصور، أقصى توافقية | تشوهات عند الجودة المنخفضة؛ تدهور عند إعادة الحفظ |
| PNG | بلا فقدان | نعم | لقطات الشاشة، الواجهات، الشعارات، النصوص | حجم ضخم للصور الفوتوغرافية |
| WebP | الوضعان | نعم | الخيار الحديث متعدد الأغراض | ثغرات عرضية في الأدوات؛ الوضع بلا فقدان نادرًا ما يتفوق على PNG |
| AVIF | الوضعان | نعم | أصغر الملفات، المواقع كثيفة الصور | بطيئة في الترميز؛ تحتاج متصفحًا حديثًا |
| JXL | الوضعان | نعم | الأرشفة، الصور عالية الجودة، خطوط المعالجة المتحكَّم بها | بطيء في الترميز؛ دعم العرض في المتصفحات متفاوت |
الاختيار حسب ماهية الصورة
- صورة فوتوغرافية (أشخاص، مناظر، منتجات) — AVIF أولًا إن أمكنك تحمّل زمن الترميز، وإلا فـ WebP. ولا ترجع إلى JPEG إلا إذا أصرّت أداة لاحقة على ذلك.
- لقطة شاشة أو نموذج واجهة — PNG أو WebP بلا فقدان. فالخطوط الحادة بعرض بكسل واحد والنصوص هي بالضبط ما تُميعه الصيغ بفقدان.
- شعار أو أيقونة بألوان مسطحة — PNG أو WebP بلا فقدان؛ وفكّر في SVG إن كان أصلها رسمًا متجهيًا.
- صورة تحتاج شفافية — PNG أو WebP أو AVIF أو JXL. أما JPEG فلا تستطيع ذلك ببساطة.
- ملف محسّن أصلًا بشكل كبير — اتركه كما هو. فإعادة ترميز ملف محسّن تجعله أكبر في كثير من الأحيان.
الجواب العملي للويب: صدّر AVIF وWebP، ثم قدّمهما مع بديل JPEG عبر <picture>. فالمتصفحات الأحدث تحصل على الملف الصغير، والأقدم ما زالت تعرض الصورة.
قاعدتان أهم من اختيار الصيغة
- غيّر الأبعاد قبل الضغط. تقديم صورة بعرض 4000 بكسل في مكان بعرض 800 بكسل يهدر بايتات أكثر بكثير مما يمكن لأي اختلاف بين المرمّزات تعويضه. ويغطي دليل أداء الويب ميزانيات الأبعاد.
- احتفظ بالملفات الأصلية. كل حفظ بفقدان لا رجعة فيه. اضغط نُسخًا، وتعامل مع الملفات المضغوطة كمخرجات بناء لا كأرشيف.
جرّبه على ملفاتك أنت
ولأن الأرقام تعتمد اعتمادًا كبيرًا على صورك تحديدًا، فالمعيار الوحيد الموثوق هو مجموعتك أنت. يستطيع tinyimg ضغط دفعة واحدة إلى عدة صيغ في الوقت نفسه، لتقارن الأحجام جنبًا إلى جنب — وكل شيء يعمل محليًا، فلا يُرفع أي شيء أثناء التجربة.