كيفية تقليل حجم ملفات PNG (بدون فقدان مقابل مع فقدان)

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

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

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

لماذا تصبح ملفات PNG كبيرة جداً؟

يساعدك فهم سبب تضخم ملفات PNG في اختيار استراتيجية التقليل الصحيحة. تساهم عدة عوامل في هذه المشكلة.

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

الأبعاد أهم مما تظن. تحتوي صورة بأبعاد 4000 × 3000 بكسل على 12 مليون بكسل. يتطلب كل بكسل في PNG بعمق 32 بت مع شفافية 4 بايت من البيانات الخام قبل الضغط، لذا فإن الحمولة غير المضغوطة تبلغ حوالي 48 ميغابايت. حتى مع DEFLATE، سيكون الملف الناتج عدة ميغابايت. يؤدي تقليل الأبعاد إلى النصف إلى تقليل عدد البكسلات بنسبة 75 بالمئة، وينخفض حجم الملف المضغوط تقريباً بنفس النسبة.

عمق الألوان يضيف ثقلاً. يخزّن PNG بعمق 24 بت أكثر من 16 مليون لون ممكن لكل بكسل. يضيف PNG بعمق 32 بت قناة ألفا للشفافية، مما يزيد البيانات لكل بكسل بمقدار الثلث. العديد من الصور، خاصة الأيقونات والمخططات والرسوم التوضيحية، تستخدم فقط عدداً قليلاً من الألوان وتحمل معلومات ألوان أكثر بكثير مما تحتاج.

البيانات الوصفية تُضخّم الملفات بصمت. يمكن أن تضيف بيانات EXIF وملفات تعريف ألوان ICC وكتل النص والطوابع الزمنية عشرات الكيلوبايت إلى ملف PNG. بالنسبة للصور الصغيرة مثل الأيقونات والصور المصغرة، يمكن أن تمثل البيانات الوصفية نسبة كبيرة من حجم الملف الإجمالي. تعرّف على المزيد حول البيانات الوصفية في الصور في دليلنا لإزالة البيانات الوصفية من الصور.

طرق بدون فقدان لتصغير ملفات PNG

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

حسّن ضغط DEFLATE. ليست كل مشفرات PNG تضغط بنفس الكفاءة. غالباً ما يستخدم PNG المُصدَّر بسرعة من محرر رسومات تكوين DEFLATE سريعاً لكن غير مثالي. إعادة ترميز نفس الصورة بضاغط أكثر شمولاً يمكن أن يوفر من 10 إلى 30 بالمئة من حجم الملف دون تغيير بكسل واحد. يستخدم pic2PNG مكتبة @jsquash/png WASM لتطبيق ضغط مُحسَّن بدون فقدان عند تحويل أو إعادة تصدير صورك، مستخلصاً كل بايت يمكن لخوارزمية DEFLATE توفيره.

أزل البيانات الوصفية غير الضرورية. احذف بيانات EXIF وملفات تعريف ألوان ICC والتعليقات النصية والطوابع الزمنية التي تضيف حجماً دون المساهمة في الصورة المرئية. هذا مهم بشكل خاص للصور الملتقطة أصلاً بالكاميرات أو الهواتف، والتي تُضمّن إحداثيات GPS ومعلومات الجهاز وإعدادات الكاميرا. يزيل pic2PNG البيانات الوصفية تلقائياً أثناء التحويل، مما يضمن أن ملفات الإخراج خفيفة وصديقة للخصوصية.

قلّل الأبعاد. غيّر حجم صورتك إلى الحجم الفعلي الذي ستُعرض به. لا فائدة من تقديم PNG بعرض 4000 بكسل عندما يكون عرض الحاوية 1200 بكسل فقط. استخدم pic2PNG لتغيير حجم الصور على دفعات قبل التصدير، وسترى انخفاضات كبيرة في حجم الملف دون أي فقدان في الجودة عند حجم العرض.

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

ضغط PNG مع فقدان: متى وكيف

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

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

مستويات الجودة. تتيح لك معظم أدوات PNG مع فقدان تعيين مستوى جودة، عادةً على مقياس من 0 إلى 100. عند 80 إلى 90، تكون الفروقات عن الأصل غير محسوسة لمعظم الصور. عند 60 إلى 80، قد تلاحظ العيون المدربة تدرجاً طفيفاً في المنحدرات أو تقليلاً في تفاصيل الأنسجة. تحت 60، تصبح التشوهات أكثر وضوحاً ومن الأفضل حصرها في الصور المصغرة أو صور المعاينة. يوفر pic2PNG خطوة ضغط مع فقدان اختيارية مدعومة بـ browser-image-compression تتيح لك ضبط مستوى الجودة الدقيق حسب احتياجاتك.

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

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

أحياناً لا يجب أن تستخدم PNG

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

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

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

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

السؤال الأساسي هو: هل تحتاج هذه الصورة إلى شفافية أو جودة بدون فقدان؟ إذا كانت الإجابة نعم، حسّن PNG باستخدام التقنيات أعلاه. إذا كانت الإجابة لا، فكّر في ما إذا كان JPG أو WebP سيخدمانك بشكل أفضل. لمزيد من التفاصيل حول الصيغة الأساسية، اطلع على مقالنا حول ما هو PNG وكيف يعمل.

سير العمل الأمثل لتقليل حجم PNG

بتجميع كل ما سبق، إليك النهج المُوصى به خطوة بخطوة لتقليل أحجام ملفات PNG بكفاءة:

1. غيّر الحجم أولاً. قم بتحجيم الصورة إلى الأبعاد الفعلية التي تحتاجها. هذا هو أكبر عامل لتقليل حجم الملف. استخدم pic2PNG لتغيير الحجم على دفعات.
2. اقتصّ المحتوى. أزل أي مساحة فارغة غير ضرورية حول حواف الصورة.
3. طبّق التحسين بدون فقدان. أعد ترميز PNG بضغط DEFLATE محسّن. يتعامل pic2PNG مع هذا تلقائياً باستخدام مكتبة @jsquash/png WASM.
4. أزل البيانات الوصفية. احذف بيانات EXIF وملفات تعريف ICC وكتل النص. يزيل pic2PNG البيانات الوصفية افتراضياً أثناء التحويل.
5. طبّق الضغط مع فقدان إذا كان مقبولاً. إذا كان الملف لا يزال كبيراً جداً وفقدان الجودة الطفيف مقبول، فعّل الضغط مع فقدان واضبط مستوى الجودة على 80 أو أعلى لمعظم الاستخدامات.
6. فكّر في تغيير الصيغة. إذا كانت الصورة فوتوغرافية بدون شفافية، صدّرها كـ JPG. إذا كانت الصورة موجهة لمتصفحات حديثة، فكّر في WebP للحصول على ملفات أصغر.

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

مع pic2PNG، يمكنك التعامل مع كل خطوة من سير العمل هذا في جلسة واحدة: تغيير الحجم، الاقتصاص، التحسين، إزالة البيانات الوصفية، والتصدير — كل ذلك مباشرة في متصفحك بدون رفع ملفات، بدون تسجيل، وبخصوصية تامة. جرّبه مع دفعتك التالية من ملفات PNG وشاهد الفرق بنفسك.