أمامك صورة واحدة وثلاثة خيارات حفظ، ولكل خيار وعد مختلف. تحفظها بصيغة PNG فتخرج بحجم ستة ميغابايت لصورة ستُعرض بعرض ثمانمئة بكسل، وتحفظها بصيغة JPEG فيخفّ الحجم لكن حروف لقطة الشاشة تصير ضبابية الحواف، وتسمع من يقول إن WebP يحلّ كل شيء ثم تتردّد لأنك لا تعرف أين يُقبل وأين يُرفض.
الاختيار الصحيح ليس مسألة ذوق، بل مسألة توافق بين نوع الصورة وطريقة الضغط. وبعد أن تعرف القاعدة تصبح الخطوة الأخيرة سهلة: تكفي جولة سريعة على أداة ضغط الصور داخل المتصفّح لتقليص الحجم مع مقارنة النتيجة بالأصل قبل الرفع. هذا الدليل يشرح القاعدة بلغة عملية بلا مصطلحات زائدة.
الفارق الجوهري: ضغط يفقد وضغط لا يفقد
كل ما يميّز هذه التنسيقات يرجع إلى سؤال واحد: هل يُسمح للملف بأن يرمي جزءًا من المعلومات مقابل أن يخفّ؟
- الضغط الفاقد (lossy): يتخلّص من تفاصيل يصعب على العين ملاحظتها، وخصوصًا التدرّجات اللونية الدقيقة. النتيجة ملفّ أصغر بكثير، لكن ما ضاع لا يعود، وكل حفظ جديد يقتطع أكثر. هذا ما يفعله JPEG، وما يفعله WebP في وضعه الفاقد.
- الضغط غير الفاقد (lossless): يعيد ترتيب البيانات بذكاء من غير أن يحذف بكسلًا واحدًا، فتخرج الصورة مطابقة للأصل تمامًا. الملفّ أكبر، لكنه يتحمّل الفتح والتعديل والحفظ مرارًا من غير تدهور. هذا ما يفعله PNG، وما يفعله WebP في وضعه غير الفاقد.
ومن هنا تُفهم المفارقة التي تربك الجميع: الضغط الفاقد ممتاز مع الصور الفوتوغرافية لأن محتواها تدرّجات متّصلة، وسيّئ مع النصّ والخطوط لأن محتواها حوافّ حادّة وألوان متكرّرة. والضغط غير الفاقد يفعل العكس تمامًا.
JPEG: بيته الطبيعي هو الصورة الفوتوغرافية
صُمّم JPEG لصور الكاميرا: وجوه وسماء وبشرة وظلال، أي ملايين الألوان المتدرّجة تدريجًا ناعمًا. وفي هذا النوع يقدّم أفضل صفقة موجودة: تخفيض هائل في الحجم مقابل فقد لا تكاد تراه.
لكن له ثلاثة حدود ينبغي معرفتها. أوّلها أنه لا يدعم الشفافية إطلاقًا، فأي منطقة شفّافة تتحوّل إلى أبيض أو أسود عند الحفظ. وثانيها أنه يتراكم: كل مرّة تفتح فيها ملفّ JPEG وتعدّله وتحفظه من جديد يُضغط مرّة أخرى، فتتراكم التشوّهات جيلًا بعد جيل. وثالثها ضعفه أمام الحواف الحادّة، فتظهر حول الحروف والخطوط الرفيعة هالة باهتة من البقع تُعرف بالتشوّهات الحلقية.
القاعدة إذن مختصرة: صورة التقطتها كاميرا أو هاتف، احفظها JPEG أو WebP فاقدًا، واحتفظ بالأصل في مكان آمن إن كنت تنوي التعديل لاحقًا.
PNG: الحواف الحادّة والشفافية
PNG هو الخيار حين يهمّك أن يبقى كل بكسل كما هو: لقطات الشاشة، والشعارات، والأيقونات، والرسوم البيانية، وأي صورة فيها نصّ يُقرأ. سبب تفوّقه هنا هو سبب فشل JPEG نفسه: هذه الصور مساحات لونية متكرّرة تفصل بينها حواف قاطعة، وهو نمط يضغطه PNG بكفاءة عالية من غير أن يفقد شيئًا.
يدعم PNG أيضًا الشفافية بدرجات، أي أن البكسل يمكن أن يكون شفّافًا جزئيًّا، وهذا ما يجعل حواف الشعار ناعمة فوق أي خلفية بدل أن تحيط بها حاشية بيضاء مربّعة.
ومشكلته الوحيدة أنه يُستعمل حيث لا ينبغي. حين تحفظ صورة فوتوغرافية بصيغة PNG، لا يجد الضغط غير الفاقد أنماطًا متكرّرة يستفيد منها، فيخرج الملفّ بحجم قد يبلغ ثمانية أضعاف ما تحتاجه الصورة نفسها بصيغة JPEG بجودة ممتازة، من غير أي فرق تراه العين. وهذا هو أكثر خطأ شائع في صفحات الويب البطيئة.
WebP: يجمع الأسلوبين ويوفّر الربع إلى الثلث
WebP ليس تنسيقًا ثالثًا منافسًا بقدر ما هو صندوق يضمّ الأسلوبين معًا: يمكنه الضغط الفاقد مثل JPEG، وغير الفاقد مثل PNG، ويدعم الشفافية في الحالتين، ويدعم الحركة أيضًا.
ميزته العملية أنه يصل إلى الجودة نفسها بحجم أقلّ بنحو ٢٥ إلى ٣٥ بالمئة مقارنةً بـ JPEG في الصور الفوتوغرافية، وبفارق مماثل أو أكبر مقابل PNG في الرسوم والشعارات. وهذا فارق يُلاحَظ في سرعة الصفحة وفي فاتورة النقل، لا في تقارير مخبرية فقط.
وميزة تُنسى كثيرًا: WebP فاقد مع شفافية. كانت هذه التوليفة مستحيلة قبله؛ فمن أراد شفافية اضطرّ إلى PNG وحجمه، ومن أراد خفّة اضطرّ إلى JPEG وخلفيته الصلبة. أما الآن فالصورة ذات الخلفية الشفّافة يمكن أن تخفّ إلى كسر من حجمها الأصلي.
متى يفرض المحتوى الخيار عليك
ثلاث حالات لا مجال فيها للاجتهاد:
- تحتاج شفافية: استبعد JPEG فورًا. الخياران PNG أو WebP. اختر WebP إن كان مكان العرض يقبله، وPNG إن كنت تريد ضمانًا مطلقًا للتوافق.
- تحتاج حركة: WebP المتحرّك بديل أخفّ بكثير من GIF وبألوان أوفر، لكن GIF يبقى الأوسع قبولًا في المنصّات القديمة ولوحات المفاتيح.
- الجهة المستقبِلة تحدّد التنسيق: بعض المواقع الحكومية ومنصّات التوظيف وأنظمة رفع المستندات تقبل JPEG وPNG فقط. اقرأ الشرط قبل أن تجتهد.
أما الدعم الواقعي فقد استقرّ: WebP مدعوم في كل المتصفّحات الحديثة على الحاسوب والهاتف، وتفتحه أنظمة التشغيل الحديثة وتطبيقات المعاينة من غير إضافات. تبقى الفجوات في مواضع محدّدة: برامج تحرير قديمة، وبعض عملاء البريد وأدوات المكاتب التي لا تعرض WebP داخل المستند، وأنظمة رفع تقبل امتدادات محدّدة. لهذا تبقى القاعدة العملية: WebP للويب الذي تتحكّم فيه، وJPEG أو PNG لما سترسله إلى جهة لا تعرف أدواتها.
ماذا تفعل «الجودة ٨٠» وكيف تلتزم بحدّ الرفع
شريط الجودة ليس نسبة مئوية من وضوح الصورة، بل مقدار ما يُسمح للضاغط بأن يهمله. عند القيمة ١٠٠ يحتفظ بأقصى قدر من التفاصيل ويخرج ملفًّا ثقيلًا، وكلما نزلت القيمة سُمح له بحذف أكثر. والقيمة ٨٠ تقريبًا هي النقطة التي يتوقّف عندها المنحنى: أعلى منها تدفع بايتات كثيرة مقابل فرق لا يُرى، وأدنى منها تبدأ التشوّهات في الظهور حول الحواف وفي المساحات المتدرّجة كالسماء والبشرة.
وحين يفرض عليك موقع حدًّا مثل ٢ ميغابايت، جرّب هذا الترتيب قبل أن تلجأ إلى تصغير الأبعاد عشوائيًّا:
- قلّل الأبعاد أوّلًا إلى ما سيُعرض فعلًا؛ صورة بعرض ٤٠٠٠ بكسل تُعرض في إطار ٨٠٠ بكسل هدر خالص.
- ثم اضبط الجودة بين ٧٥ و٨٥ وقارن النتيجة بالأصل على شاشة كاملة لا مصغّرة.
- ثم جرّب WebP إن كانت الجهة تقبله، فهو غالبًا يعبر الحدّ من غير تنازل إضافي.
- وانزل تحت ٧٠ في آخر الأمر فقط، وراقب الحواف والوجوه أوّلًا لأن التشوّه يظهر فيها قبل غيرها.
وللتفصيل الكامل في الموازنة بين الحجم والوضوح، يفيدك دليل كيف تضغط صورة من غير فقدان الجودة.
وأي تنسيق تختار للصورة الشخصية؟
الصورة الشخصية حالة خاصّة لأنها تُعرض صغيرة ومقصوصة دائرةً غالبًا. إن كانت صورة وجه حقيقية فاختر JPEG أو WebP بجودة نحو ٨٥ ومقاسًا مربّعًا لا يقلّ عن ٤٠٠ بكسل. وإن كانت حرفًا أو شكلًا مسطّحًا أو أيقونة بخلفية شفّافة فاختر PNG أو WebP غير فاقد لتبقى الحواف نظيفة. ويمكنك توليد صورة شخصية جاهزة بالمقاس المناسب في ثوانٍ، ثم الاطّلاع على تفاصيل أخرى في مقال كيف تصنع صورة شخصية مجّانية.
الأسئلة الشائعة
هل يحسّن تحويل JPEG قديم إلى PNG جودته؟
لا، ولا يمكن أن يفعل. التفاصيل التي حذفها ضغط JPEG ذهبت ولا سبيل إلى استعادتها؛ كل ما يفعله التحويل أنه يحفظ التشوّهات نفسها بأمانة في ملفّ أكبر بكثير. التحويل إلى تنسيق غير فاقد مفيد فقط حين تنوي التعديل المتكرّر على ملفّ عمل، لا لإصلاح ما فسد.
لماذا تخرج لقطة الشاشة ضبابية بصيغة JPEG؟
لأن لقطة الشاشة مليئة بالنصّ والحواف الحادّة، وهو أسوأ ما يواجهه الضغط الفاقد. يقارب JPEG الانتقال المفاجئ من الأبيض إلى الأسود بموجات لونية، فتظهر حول الحروف بقع وهالات باهتة تجعل النصّ متعبًا للقراءة. احفظ لقطات الشاشة بصيغة PNG أو WebP غير فاقد.
هل WebP آمن للاستخدام مع كل الناس اليوم؟
للعرض في المتصفّحات نعم، فالدعم شامل عمليًّا في الإصدارات الحديثة على كل الأنظمة. الحذر يبقى فيما يخرج من المتصفّح: مرفق بريد يفتحه المستقبِل ببرنامج قديم، أو ملفّ ترفعه إلى نظام يقبل امتدادات محدّدة، أو صورة ستُدرج في مستند مكتبي. في هذه الحالات ابقَ على JPEG أو PNG.
ما الفرق بين تصغير الأبعاد وضغط الملفّ؟
تصغير الأبعاد يقلّل عدد البكسلات نفسها، فتصبح الصورة أصغر مساحةً على الشاشة. والضغط يبقي عدد البكسلات كما هو ويقلّل عدد البايتات اللازمة لوصفها. أكبر مكسب سريع يأتي عادةً من التصغير إلى المقاس المعروض فعلًا، ثم يأتي الضغط ليكمل المهمّة.
وماذا عن AVIF؟ هل أنتقل إليه؟
AVIF أحدث ويعطي أحجامًا أصغر من WebP في كثير من الصور، خصوصًا عند الجودات المنخفضة. لكن دعمه في الأدوات والتطبيقات خارج المتصفّح لا يزال أقلّ اتّساعًا، وترميزه أبطأ. اعتبره خيارًا إضافيًّا لمن يتحكّم في موقعه ويستطيع تقديم بديل احتياطي، بينما يبقى WebP الخيار الافتراضي الآمن.
خذ الصورة التي تنتظر الرفع الآن وجرّب ضغطها في المتصفّح لترى كم بايتًا يمكن أن تربحه من غير فرق تراه العين.
