إن سبق أن وضعت شعارًا فوق خلفية ملوّنة فظهر حوله ذلك المربّع الأبيض المزعج، فالمشكلة كانت في الصيغة. صيغة PNG وُجدت لحلّ هذا الأمر تحديدًا، من بين أمور أخرى. فهي الصيغة المعتمدة لكل صورة تحتاج إلى خلفية شفافة، أو لا يجوز أن تفقد شيئًا من جودتها عند الحفظ.
ماذا تعني كلمة PNG؟
PNG اختصار لعبارة Portable Network Graphics — أي «الرسوم الشبكية المحمولة». وُضعت هذه الصيغة عام 1995 بديلًا مفتوحًا وخاليًا من رسوم الترخيص لصيغة GIF، وسرعان ما صارت من أكثر صيغ الصور استخدامًا على الويب. وعلى عكس JPG، تعتمد PNG الضغط بلا فقد (lossless)، أي أنه لا يُحذف أي جزء من بيانات البكسل عند حفظ الملف.
كيف تعمل صيغة PNG؟
تستعين PNG بخوارزمية ضغط تُسمّى DEFLATE — وهي الخوارزمية نفسها المستخدمة في ملفات ZIP — إلى جانب مرشّحات للتنبّؤ بقيم البكسل. تحلّل هذه العملية أنماط التكرار داخل الصورة وتعيد ترميزها بكفاءة أعلى، دون التخلّص من أي معلومة أصلية.
والنتيجة أن ملف PNG بعد حفظه وفتحه عشر مرات يبقى مطابقًا للأصل بكسلًا ببكسل. وهذا ما يجعله مثاليًا في كل سياق تكون فيه الأمانة البصرية أمرًا حاسمًا: لقطات الشاشة، والشعارات، والصور التي ستُعدَّل مرات كثيرة.
وتدعم PNG كذلك قناة خاصة تُعرف بـ قناة ألفا، وهي تتحكم في شفافية كل بكسل على حدة. فقد يكون البكسل معتمًا تمامًا أو شفافًا تمامًا أو في أي درجة بين الطرفين، وهو ما يتيح حوافّ ناعمة وظلالًا بشفافية حقيقية.
ما مزايا صيغة PNG؟
- شفافية بقناة ألفا: دعم كامل للشفافية، بما فيها الشفافية الجزئية والحواف الناعمة. وهي الصيغة الوحيدة واسعة الانتشار التي تتيح وضع الصورة فوق أي خلفية دون مربّع أبيض حولها.
- ضغط بلا فقد: تبقى الجودة الأصلية كاملة مهما تكرّر حفظ الملف وفتحه.
- مثالية للنصوص والرسوم الحادّة: الحواف المستقيمة والنصوص والمساحات أحادية اللون تخرج حادّة تمامًا، دون تشوّهات الضغط التي تظهر في JPG.
- توافق شامل: مدعومة في كل المتصفحات وأنظمة التشغيل وبرامج تحرير الصور.
- عمق لوني كبير: تدعم الصور بعمق 8 بت (256 لونًا) و24 بت (16,7 مليون لون)، وتصل إلى 48 بت في الاستخدامات الاحترافية.
ما حدود صيغة PNG؟
- ملفات أكبر مع الصور الفوتوغرافية: الضغط بلا فقد أقل كفاءة من ضغط JPG مع الصور الفوتوغرافية. فقد يصل حجم الصورة بصيغة PNG إلى 5 أو 10 أضعاف حجمها بصيغة JPG بجودة مرئية مكافئة.
- لا تدعم الحركة: صيغة PNG ثابتة. وللصور المتحرّكة ذات الشفافية يمكن اللجوء إلى WebP أو APNG (نسخة PNG المتحرّكة)، لكن دعمهما أضيق.
- لا تصلح لصور المواقع الفوتوغرافية: استخدام PNG للصور الفوتوغرافية داخل المواقع يبطئ التحميل بدرجة ملحوظة. فللصور الفوتوغرافية تبقى JPG أو WebP هي الخيار الصحيح.
💡 قاعدة عملية: استخدم PNG متى كانت الخلفية شفافة، أو كانت الصورة شعارًا أو أيقونة أو لقطة شاشة أو أي رسم يحوي نصًا وحوافّ حادّة. أما الصور الفوتوغرافية داخل المواقع فاختر لها JPG أو WebP، فهما أخفّ بكثير دون فقد مرئي ملحوظ.
PNG-8 وPNG-24 — ما الفرق بينهما؟
| الخاصية | PNG-8 | PNG-24 |
|---|---|---|
| عدد الألوان | حتى 256 لونًا | حتى 16,7 مليون لون |
| الشفافية | ثنائية (البكسل شفاف أو غير شفاف) | قناة ألفا كاملة (256 مستوى) |
| حجم الملف | أصغر | أكبر |
| الأنسب لـ | الأيقونات البسيطة والرسوم قليلة الألوان | الشعارات والصور ذات الشفافية الجزئية |
ولمعظم الاستخدامات اليوم، وخصوصًا الشعارات والصور ذات الحواف الناعمة، تبقى PNG-24 هي الأنسب، لأنها تضمن شفافية كاملة بأي درجة من درجات العتامة.
متى تستخدم PNG؟
استخدم PNG في الحالات التالية:
- الشعارات والهوية البصرية: حين يوضع الشعار فوق خلفيات بألوان مختلفة دون مربّع أبيض حوله.
- لقطات الشاشة: الواجهات ولوحات التحكم وشاشات الأنظمة يخرج نصّها حادًّا تمامًا بهذه الصيغة.
- الأيقونات وعناصر الواجهة: الأزرار والرسوم وعناصر الواجهة التي تحتاج إلى حوافّ نظيفة.
- الصور المعدّة للتحرير: كلما كانت الصورة ستُفتح وتُعدَّل وتُحفظ مرات متكرّرة، جنّبتك PNG الفقد المتراكم الذي تسبّبه JPG.
- الإنفوجرافيك المصحوب بنص: الرسوم والصور التي تجمع النص بالعناصر البصرية تخرج أوضح بكثير بهذه الصيغة.
PNG وJPG وWebP — مقارنة شاملة
| الخاصية | PNG | JPG | WebP |
|---|---|---|---|
| الضغط | بلا فقد (lossless) | مع فقد (lossy) | الاثنان معًا |
| الشفافية | نعم (قناة ألفا) | لا | نعم |
| مثالية للصور الفوتوغرافية | لا | نعم | نعم |
| مثالية للشعارات والأيقونات | نعم | لا | نعم |
| الحجم مع الصور الفوتوغرافية | كبير جدًا | صغير | صغير جدًا |
| الحجم مع الشعارات | صغير إلى متوسط | متوسط (مع تشوّهات) | صغير |
| دعم شامل | نعم | نعم | المتصفحات الحديثة |
كيف تقلّل حجم ملفات PNG؟
رغم أنها صيغة بلا فقد، يمكن تقليص حجم ملف PNG تقليصًا ملموسًا. ومن الأساليب المتّبعة خفض عمق الألوان (من PNG-24 إلى PNG-8 حين تكون ألوان الصورة قليلة)، وحذف البيانات الوصفية غير الضرورية، وتطبيق خوارزميات ضغط أكفأ كتلك التي يعتمدها ضاغط الصور من ImageTools. وفي حالات كثيرة يمكن خفض حجم الملف بنسبة تتراوح بين 30% و50% دون أي فقد مرئي.
اضغط ملفات PNG دون فقدان الجودة
قلّل حجم ملفات PNG مع الحفاظ على الشفافية والحدّة الأصلية. مجانًا ومن داخل المتصفح مباشرة.
ضغط صور PNG