PNG أم JPG؟ قرار يمكنك اتخاذه في ثلاثين ثانية
أربعة أسئلة تحسم الأمر في كل مرة، دون الحاجة إلى فهم نظرية الضغط أو قراءة شرح آخر حول معاملات DCT.
استخدم PNG للشفافية ولقطات الشاشة والشعارات والمخططات. واستخدم JPG للصور الفوتوغرافية. هاتان القاعدتان تحسمان كل حالة تقريباً، ونادراً ما تحتاج إلى التفكير في القرار لأكثر من بضع ثوانٍ.
اتبع القائمة أدناه وتوقف عند أول إجابة بنعم. إذا لم تنطبق أي من الأسئلة، فإن الإجابة الصريحة هي استخدام WebP، الذي يتعامل مع كلا النوعين من الصور بشكل أفضل من كلا التنسيقين القديمين.
الأسئلة الأربعة التي تحسم القرار
- هل تحتاج الصورة إلى خلفية شفافة؟ استخدم PNG.
- هل هي لقطة شاشة أو شعار أو مخطط أو أي شيء ذو حواف حادة وألوان مسطحة؟ استخدم PNG.
- هل هي صورة فوتوغرافية؟ استخدم JPEG.
- هل سيتم تعديلها وإعادة حفظها مراراً وتكراراً؟ استخدم PNG، لأن JPEG يفقد القليل من الجودة في كل مرة.
لماذا يختلف سلوك التنسيقين
يحفظ PNG كل بكسل بدقة، بينما يتخلص JPEG من التفاصيل التي لا يُحتمل أن تلاحظها العين. هذا الاختلاف الفردي يشرح كل توصية في هذا المقال.
يكتشف ضغط PNG التكرار ويصفه بكفاءة، وهو ما يعمل بشكل رائع على الألوان المسطحة وبشكل سيئ على التشويش الفوتوغرافي. بينما يقسم ضغط JPEG الصورة إلى كتل ويُبسط التفاصيل داخل كل منها، وهو ما يعمل بشكل رائع على التدرج الفوتوغرافي وبشكل سيئ على الحواف الحادة. كل تنسيق يكون كفؤاً تماماً مع المحتوى الذي يتعامل معه التنسيق الآخر بشكل ضعيف.
ماذا يحدث عندما تختار بشكل خاطئ
الصورة الفوتوغرافية المحفوظة بصيغة PNG يصبح حجمها أكبر من 3 إلى 5 مرات من اللازم، ولقطة الشاشة المحفوظة بصيغة JPEG تظهر حول نصوصها هالات مرئية. كلا الخطأين شائعان وكلاهما يسهل ملاحظته.
| نوع الصورة | بصيغة PNG | بصيغة JPEG بجودة 85 | الخيار الصحيح |
|---|---|---|---|
| صورة فوتوغرافية، 12 ميجابكسل | 18 MB | 2.4 MB | JPEG |
| لقطة شاشة تحتوي على نص | 180 KB | 240 KB ونص ضبابي | PNG |
| شعار مع شفافية | 40 KB | فقدان الشفافية | PNG |
| رسم بياني أو مخطط | 90 KB | 150 KB مع هالات | PNG |
| صورة فوتوغرافية ممسوحة ضوئياً | 12 MB | 1.8 MB | JPEG |
صف لقطات الشاشة هو أكثر ما يفاجئ الناس. ينتج JPEG ملفاً أكبر من PNG على الرسومات المسطحة ويضر بالنص في الوقت نفسه، وهو أسوأ مزيج ممكن.
الشفافية هي القاعدة التي لا استثناء لها
لا يحتوي JPEG على قناة للشفافية، لذا تتحول الخلفية الشفافة إلى لون أبيض صلب أثناء التحويل. لا توجد إعدادات جودة تغير هذا الأمر، لأن التنسيق لا يملك مكاناً لتسجيل هذه المعلومات.
يظهر هذا الفشل كمربع أبيض خلف شعار موضوع على صفحة ملونة. عندما تكون الشفافية مطلوبة، يكون الخيار هو PNG أو WebP. يدعم WebP الشفافية والضغط مع فقدان الجودة معاً، وهو الشيء الوحيد الذي لا يمكن لأي من التنسيقين القديمين فعله، وعادة ما ينتج ملفاً أصغر بنسبة 25 إلى 35 بالمائة من مكافئ PNG.
لماذا تتدهور جودة JPEG مع الحفظ المتكرر
كل عملية حفظ لملف JPEG تتخلص من التفاصيل بشكل دائم، وتتراكم الخسائر عبر عمليات الحفظ. فتح ملف JPEG وإجراء تعديل صغير ثم حفظه مرة أخرى ليس عملية محايدة.
بعد 5 أو 6 جولات يصبح الضرر مرئياً على شكل تكتلات في المناطق الناعمة وهالات حول الحواف. لا يواجه PNG هذه المشكلة أبداً، لأنه يعيد بناء الصورة بدقة في كل مرة. احتفظ بملفات العمل بصيغة PNG أو بالتنسيق الأصلي للمحرر، وقم بتصدير JPEG فقط كنسخة نهائية للتسليم.
لقطات الشاشة تكون دائماً تقريباً بصيغة PNG
تحتوي لقطات الشاشة على نصوص وحواف واجهات وألوان مسطحة، وهو بالضبط المحتوى الذي يخزنه PNG بكفاءة ويضر به JPEG. النص هو الدليل الواضح، حيث يسهل رصد تشوهات JPEG حول الحروف.
يوجد استثناء واحد. لقطة الشاشة لصورة فوتوغرافية أو إطار فيديو أو لعبة هي محتوى فوتوغرافي داخل غلاف لقطة شاشة، ويدمجها JPEG بشكل صحيح. احكم بناءً على ما يوجد في الصورة وليس على كيفية إنشاء الملف.
ما إعداد الجودة الذي يجب استخدامه لـ JPEG
استخدم الجودة 85 للاستخدام العام والجودة 75 لصور الويب، لأن الفرق المرئي بينهما صغير والفرق في حجم الملف كبير. الجودة 100 تضاعف حجم الملف تقريباً دون أي مكسب مرئي.
- الجودة 90 إلى 95 للأرشيف والطباعة والصور الفوتوغرافية التي ستعدلها لاحقاً.
- الجودة 80 إلى 85 للاستخدام العام، حيث تكون الخسارة غير مرئية بحجم العرض العادي.
- الجودة 70 إلى 75 لصفحات الويب، وهو المستوى الذي يجب أن تستقر عنده معظم المواقع.
- الجودة 50 إلى 65 فقط عندما يجبرك حد رفع ضيق على ذلك.
- الجودة 100 لا تستخدمها لأي شيء، حيث يظل JPEG غير دائم حتى عند أقصى إعداد له.
كيفية تقليل حجم ملف PNG كبير جداً
لا يحتوي PNG على شريط للتصغير الجودة، لذا استخدم هذه الطرق الأربع بدلاً من ذلك، بترتيب التأثير.
- قلل الأبعاد، وهو أمر مجاني وغالباً ما يكون المكسب الأكبر. لا أحد يحتاج إلى لقطة شاشة بعرض 5000 بكسل.
- قلل عمق الألوان، وهو ما يعمل جيداً على الرسومات المسطحة وبشكل سيئ على الصور الفوتوغرافية.
- قص المناطق غير المستخدمة، حيث إن المساحات البيضاء لا تزال تستهلك من حجم الملف.
- حول إلى WebP، الذي يحتفظ بالشفافية ويكون عادة أصغر بنسبة 25 إلى 35 بالمائة.
عندما يكون JPG مطلوباً بغض النظر عن المحتوى
تقبل البوابات الحكومية ونماذج الامتحانات ومعظم خدمات الطباعة صيغة JPG فقط، مهما كان محتوى الصورة. تلتغي قاعدة المحتوى أمام قاعدة الوجهة.
المستندات الممسوحة ضوئياً هي الحالة المعقدة، حيث إن صفحة النص هي محتوى رسومي مسطح يفضّل PNG تخزينه، بينما تتطلب البوابة JPG. امسح ضوئياً بالتدرج الرمادي، واجعل الدقة قريبة من 300 نقطة في البوصة، واستخدم الجودة 85 أو أعلى حتى يظل النص قابلاً للقراءة. ستكون النتيجة أكبر مما كانت ستكون عليه بصيغة PNG وستتم عملية الرفع بالفعل.
هل يعني PNG حقاً جودة أفضل
PNG غير ضار بالجودة، وهذا لا يعني أنه يبدو أفضل. الصورة الفوتوغرافية المحفوظة بصيغة PNG تبدو مطابقة لنفس الصورة بجودة JPEG 90، بينما تشغل 5 أضعاف المساحة.
الارتباك يأتي من كلمة غير ضار للجودة (lossless)، والتي تصف كيفية تخزين الملف بدلاً من كيفية ظهور الصورة. الضغط غير الضار بالجودة يهم عندما يتم تعديل الملف مراراً وتكراراً أو عندما تكون قيم البكسل الدقيقة مطلوبة. بالنسبة لصورة فوتوغرافية تُنشر مرة واحدة وتُعرض على شاشة، ليس للتمتيز أي نتيجة مرئية.
أين يقع WebP بين التنسيقين
يوفر WebP وضيعة ضغط مع فقدان الجودة للصور الفوتوغرافية ووضعية غير ضارة للرسومات، بالإضافة إلى الشفافية في كلاهما. يلغي هذا التنسيق الحاجة إلى الاختيار في معظم مواقف الويب.
يدعم كل متصفح حالي تنسيق WebP، لذا ليس لدى أي موقع ويب سبب لتفضيل PNG أو JPEG لأسباب تتعلق بالتوافق. احفظ التنسيقات القديمة للملفات التي تغادر المتصفح، بما في ذلك نماذج الرفع، ومرفقات البريد الإلكتروني، والحزم الصحفية، وأي شيء يتجه إلى الطابعة، حيث لا يزال دعم WebP ضعيفاً هناك.
التحويل بين التنسيقين
تحويل PNG إلى JPG يقلل حجم الملف ويزيل الشفافية. تحويل JPG إلى PNG يزيد حجم الملف ولا يسترجع أي شيء. الاتجاه الثاني هو ما يخطئ فيه الناس.
التفاصيل التي تم التخلص منها بالفعل بواسطة ضغط JPEG لا يمكن استعادتها عن طريق الحفظ بتنسيق غير ضار بالجودة. تحويل JPEG إلى PNG ينتج ملفاً أكبر يحتوي على نفس الصورة المتضررة، وهو أمر مفيد أحياناً عندما يتطلب النظام صيغة PNG ولكن ليس مفيداً أبداً للجودة. حول من مصدر بأعلى جودة لديك بدلاً من النسخة المخصصة للتسليم.
تحويل مجلد دفعة واحدة
قم بتحويل مكتبة كاملة دفعة واحدة بدلاً من ملف تلو الآخر، نظرًا لأن قرارات التنسيق تنطبق عادةً على فئة كاملة من الصور. مجلد لقطات الشاشة يحتاج PNG، ومجلد صور المنتجات يحتاج JPG أو WebP.
قم بإسقاط ما يصل إلى 500 ملف دفعة واحدة، أو اسحب أرشيف ZIP مباشرة، وستتم إعادة كل صورة محولة إلى نفس المواصفات. يعالج كل شيء داخل متصفحك على المعالج الخاص بك، لذلك لا تصل أعمال العملاء والتصاميم غير المنشورة ولقطات الشاشة الداخلية إلى أي خادم على الإطلاق. لا يتم رفع أي شيء، مما يعني عدم وجود سياسة احتفاظ لقراءتها وعدم تخزين أي شيء في أي مكان بعد ذلك.
قم بفرز المكتبة إلى صور فوتوغرافية ورسومات قبل التحويل، حيث يختلف التنسيق الصحيح بين المجموعتين. هذه الخطوة الفردية للفرز هي ما يحول قرار التنسيق إلى مهمة دفعة واحدة، وهي السبب في أن الأسئلة الأربعة في أعلى هذا المقال تستحق الإجابة عليها مرة واحدة لكل مجلد بدلاً من مرة واحدة لكل ملف.