shadcn.io— آلاف الكتل الجاهزة من shadcn/ui
الانتقال إلى المحتوى

PNG أم JPG؟ قاعدة العشر سنوات التي أقرّر بها

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

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

السؤال الواحد

هل هذه الصورة مصنوعة من حواف، أم مصنوعة من ضوء؟

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

الحواف تريد PNG. الضوء يريد JPG. وكل شيء تقريبًا يتفرّع من هذا.

لماذا تريد الحواف PNG

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

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

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

لماذا يريد الضوء JPG

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

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

جدول الأحجام الذي يحسم الأمر

الصورتان المصدريتان نفساهما، محفوظتان بالطريقتين عند إعدادات معقولة:

الصورةكـ PNGكـ JPG
صورة فوتوغرافية — 12 ميغابكسلنحو 14 ميغابايتنحو 3 ميغابايت
لقطة واجهة فيها نصّنحو 600 كيلوبايتنحو 900 كيلوبايت
شعار مسطّح بلونيننحو 20 كيلوبايتنحو 85 كيلوبايت

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

الحالات الحدّية (وليست هناك سوى اثنتين تستحقّان المعرفة)

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

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

حين تكون معك الصيغة الخاطئة أصلًا

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

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

اطرح السؤال الواحد — حواف أم ضوء — وستصيب في كل مرّة تقريبًا. ما زلت أطرحه عند كل تصدير. يستغرق نصف ثانية، وقد أنقذني من كثير من الهالات الرمادية.

مقالات ذات صلة


كل المقالات