لماذا حجم ملف PNG كبير جداً وكيفية إصلاحه

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

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

خياراتك الثلاثة

• تقليل الأبعاد. مجاني، وغالباً ما يكون الفوز الأكبر. لا أحد يحتاج إلى لقطة شاشة بعرض 5000 بكسل.
• تقليل عمق الألوان. يعمل بشكل ممتاز على الرسومات المسطحة، وبشكل سيئ على الصور الفوتوغرافية.
• تغيير الصيغة. تحافظ صيغة WebP على الشفافية وتأتي عادةً بحجم أصغر بنسبة تتراوح بين 25 إلى 35 بالمئة.

لماذا تنمو ملفات PNG بسرعة كبيرة

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

لقطة شاشة بأبعاد 5120 في 2880 من شاشة عالية الدقة تحتوي على 14.7 مليون بكسل. وبمعدل 3 بايت لكل بكسل قبل الضغط، فإن ذلك يعني 44 ميجابايت من البيانات الخام، ويقلل ضغط PNG هذا الحجم عادةً إلى ما بين 4 ميجابايت و12 ميجابايت اعتماداً على كمية الألوان المسطحة التي تحتوي عليها الصورة. لذا فإن نتيجة 8 ميجابايت هي أمر طبيعي وليست خللاً.

الحل الأول: تقليل الأبعاد

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

قم بقياس أقصى عرض ستعرض به الصورة على الصفحة، وضاعف ذلك للشاشات عالية الكثافة، وقم بتغيير الحجم بناءً على النتيجة. لقطة شاشة تعرض بعرض 800 بكسل تحتاج إلى 1600 بكسل ولا شيء أكثر.

الحل الثاني: تقليل عمق الألوان

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

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

الحل الثالث: تغيير الصيغة

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

• WebP غير مفقود الجودة (lossless) للرسومات ولقطات الشاشة، حيث يحافظ على دقة كل بكسل ومع ذلك يوفر 20 إلى 30 بالمئة.
• WebP مفقود الجودة (lossy) لملفات PNG الفوتوغرافية، حيث يصل التوفير إلى 70 بالمئة أو أكثر.
• JPG للصور الفوتوغرافية التي لا تحتوي على شفافية، حيث كانت صيغة PNG اختياراً خاطئاً منذ البداية.
• AVIF للصور الفوتوغرافية الكبيرة، حيث تضغط بشكل أقوى على الملفات التي تزيد عن 100 كيلوبايت.
• الرسوم المتجهة (Vector graphics) للشعارات والأيقونات، حيث قد يزن ملف SVG جزءاً صغيراً من أي صيغة نقطية.

السبب الأكثر شيوعاً: صورة فوتوغرافية محفوظة بصيغة PNG

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

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

كيفية تصغير حجم ملف PNG دون فقدان الجودة

لتقليل حجم ملف PNG مع الحفاظ عليه غير مفقود الجودة، اتبع هذه الخطوات الخمس بالترتيب.

1. قم بقص أي مساحة غير مستخدمة، حيث لا تزال الهوامش الفارغة تستهلك من حجم الملف.
2. قم بتغيير الحجم إلى أكبر حجم عرض ستحتاجه الصورة على الإطلاق، ومضاعفته للشاشات عالية الكثافة.
3. تحقق مما إذا كانت الصورة تحتاج بالفعل إلى الشفافية، حيث أن الصورة المسطحة تضغط بشكل أفضل.
4. قم بتقليل لوحة الألوان إذا كانت الصورة عبارة عن رسم وليس صورة فوتوغرافية.
5. قم بالتحويل إلى WebP غير مفقود الجودة، والذي يظل دقيقاً تماماً وعادةً ما يكون أصغر بنسبة 20 إلى 30 بالمئة.

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

لماذا تكون لقطات الشاشة كبيرة جداً على الشاشات الحديثة

تلتقط الشاشات عالية الكثافة الصور بضعف أو ثلاثة أضعاف الدقة المنطقية، لذا يتم حفظ لقطة شاشة لنافذة بعرض 1200 بكسل بدقة 2400 أو 3600 بكسل. وبالتالي يكون الملف أكبر بكثير مما تبدو عليه النافذة.

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

متى يجب الاحتفاظ بملف PNG كبيراً

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

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

تكلفة الشفافية أكبر مما يتوقعه الناس

تضيف قناة الشفافية قيمة رابعة لكل بكسل، مما يزيد البيانات الخام بنسبة 33 بالمئة تقريباً قبل الضغط. تحمل العديد من ملفات PNG هذه القناة دون استخدامها فعلياً.

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

هل يؤدي ضغط ملف PNG إلى فقدان الجودة

تحسين PNG غير مفقود الجودة لا يفقد أي شيء، في حين أن تقليل الألوان أو الأبعاد يغير الصورة بشكل دائم. غالباً ما يتم وصف التقنيات الثلاث معاً وهي ليست متكافئة.

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

إصلاح مجلد كامل من ملفات PNG ذات الحجم الزائد

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

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

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