ما هو PNG؟ الشفافية والضغط ومتى تستخدمه
كل ما تحتاج معرفته عن صيغة الصور PNG
حوّل إلى PNGيُعدّ PNG أحد أكثر صيغ الصور استخداماً على الإنترنت، ومع ذلك لا يفهم كثير من الناس تماماً ما الذي يجعله مميزاً أو متى ينبغي استخدامه. من شبه المؤكد أنك صادفت ملفات PNG من قبل، سواء عند تنزيل شعار أو حفظ لقطة شاشة أو العمل مع رسوميات ذات خلفيات شفافة. لكن ما هو PNG بالضبط، ولماذا هو مهم؟
PNG هو اختصار لـ Portable Network Graphics (رسوميات الشبكة المحمولة)، وقد طُرح عام 1996 كبديل مجاني ومفتوح المصدر لصيغة GIF. ومنذ ذلك الحين، أصبح الخيار المعتمد للصور التي تتطلب تفاصيل حادة ونصوصاً واضحة وشفافية. من شعارات المواقع إلى أيقونات التطبيقات والإنفوجرافيك، يلجأ المصممون والمطورون إلى PNG عندما لا يمكن التنازل عن الجودة.
في هذا الدليل، ستتعرف على ما يجعل PNG مختلفاً عن صيغ الصور الأخرى، وكيف تعمل الشفافية والضغط فيه، ولماذا قد تكون ملفات PNG كبيرة أحياناً، ومتى يكون PNG هو الخيار الصحيح مقارنة بالبدائل مثل JPG وWebP.
ما هو PNG (وما ليس كذلك)
PNG هو صيغة صور نقطية، مما يعني أنه يخزّن الصور كشبكة من البكسلات الفردية، لكل منها قيمة لونية خاصة. هذا يجعل PNG ممتازاً للرسوميات التفصيلية، لكنه يعني أيضاً أن جودة الصورة تعتمد على دقتها. على عكس الصيغ المتجهية مثل SVG، لا يمكن تكبير صورة PNG بلا حدود دون فقدان الحدة.
السمة المميزة لـ PNG هي الضغط بدون فقدان. عندما تحفظ صورة بصيغة PNG، يتم الحفاظ على كل بكسل كما هو تماماً. لا يُحذف أي بيانات، ولا تُفقد أي جودة، ولا تظهر أي تشوهات ضغط. يمكنك فتح ملف PNG وتحريره وإعادة حفظه عشرات المرات، وستبقى الصورة مطابقة للأصل. هذا يتناقض مباشرة مع JPG الذي يستخدم ضغطاً بفقدان ويتدهور قليلاً في كل مرة يُحفظ فيها.
يدعم PNG أيضاً شفافية ألفا كاملة، مما يسمح للبكسلات الفردية بأن تكون شفافة تماماً أو معتمة تماماً أو أي مستوى من شبه الشفافية بينهما. هذا ما يجعل PNG الصيغة المفضلة للشعارات والأيقونات وعناصر واجهة المستخدم التي تحتاج إلى الظهور بشكل نظيف على أي لون خلفية.
لكن PNG ليس مصمماً للصور الفوتوغرافية. رغم أنه يستطيع تخزين الصور بشكل مثالي، إلا أن أحجام الملفات الناتجة تكون أكبر بكثير مما ينتجه JPG أو WebP لنفس الصورة. يتفوق PNG في الرسوميات ذات الألوان المسطحة والحواف الحادة والنصوص، لكن للصور الفوتوغرافية المعقدة التي تحتوي على ملايين التدرجات اللونية الدقيقة، تكون الصيغ الأخرى أكثر كفاءة.
هل تحتاج إلى تحويل صورة إلى PNG؟ pic2PNG يتعامل مع ذلك فوراً في متصفحك، مع دعم مدخلات JPG وWebP وGIF وBMP وTIFF وAVIF وSVG وICO.
كيف تعمل شفافية PNG
الشفافية هي ربما السبب الأهم الذي يجعل الناس يختارون PNG على الصيغ الأخرى. فهم كيفية عملها يساعدك على تجنب الأخطاء الشائعة والحصول على نتائج أفضل من صورك.
يستخدم PNG قناة ألفا للتحكم في الشفافية. يمكن أن يحتوي كل بكسل في صورة PNG على ما يصل إلى 4 قيم: أحمر وأخضر وأزرق وألفا. تحدد قيمة ألفا مدى شفافية ذلك البكسل، على مقياس من 0 (شفاف تماماً) إلى 255 (معتم تماماً). يمنح هذا PNG عدد 256 مستوى شفافية لكل بكسل، مما يتيح تأثيرات مثل الظلال الناعمة والتلاشي المتدرج والحواف المصقولة التي تندمج بسلاسة مع أي خلفية.
هذا مختلف جذرياً عن الشفافية البسيطة (تشغيل/إيقاف) التي يقدمها GIF، والذي يدعم شفافية 1 بت فقط. في GIF، يكون البكسل إما مرئياً بالكامل أو غير مرئي بالكامل، مما يخلق حواف مسننة حول الأشكال المنحنية. تنتج قناة ألفا في PNG نتائج سلسة واحترافية.
أخطاء الشفافية الشائعة
أحد أكثر المشاكل شيوعاً هو حفظ صورة شفافة بصيغة لا تدعم الشفافية. إذا حوّلت PNG بخلفية شفافة إلى JPG، ستُملأ المناطق الشفافة باللون الأبيض (أو أحياناً الأسود)، لأن JPG لا يملك مفهوم الشفافية. تحقق دائماً من أن صيغة الإخراج تدعم قنوات ألفا قبل التحويل.
خطأ شائع آخر هو افتراض أن الخلفية البيضاء هي نفسها عدم وجود خلفية. قد تبدو صورة بخلفية بيضاء صلبة وصورة بخلفية شفافة متطابقتين على صفحة ويب بيضاء، لكنهما تتصرفان بشكل مختلف تماماً عند وضعهما على خلفية ملونة أو منقوشة. إذا كنت بحاجة إلى خلفية شفافة، تأكد من أن صورتك المصدرية تحتوي فعلاً على واحدة.
لماذا قد تكون ملفات PNG كبيرة
إذا سبق لك حفظ صورة فوتوغرافية بصيغة PNG، فربما لاحظت أن الملف كان كبيراً بشكل مفاجئ. هناك عدة أسباب تجعل ملفات PNG تميل إلى أن تكون أكبر من نظيراتها بصيغة JPG أو WebP.
الضغط بدون فقدان يحافظ على كل شيء. لأن PNG لا يحذف أبداً بيانات الصورة، فإنه لا يستطيع تحقيق التخفيضات الكبيرة في الحجم التي تقدمها الصيغ ذات الفقدان مثل JPG. قد تكون صورة فوتوغرافية معقدة 500 كيلوبايت بصيغة JPG لكن 3 ميجابايت أو أكثر بصيغة PNG، رغم أن كلتيهما تبدوان متطابقتين عملياً للعين البشرية.
عمق اللون مهم. يدعم PNG ما يصل إلى 48 بت من الألوان (بالإضافة إلى قناة ألفا بعمق 16 بت)، وهو أكثر بكثير مما تحتاجه معظم الصور. يخزّن PNG القياسي بعمق 24 بت مع قناة ألفا بعمق 8 بت أربعة بايتات لكل بكسل. لصورة بدقة 1920 × 1080، يعادل ذلك تقريباً 8.3 مليون بايت من بيانات البكسلات الخام قبل الضغط. رغم أن خوارزمية الضغط DEFLATE في PNG تقلل هذا بشكل كبير، إلا أن نقطة البداية أكبر ببساطة مما تعمل به الصيغ ذات الفقدان.
البيانات الوصفية تتراكم. يمكن أن تحتوي ملفات PNG على بيانات وصفية مضمّنة مثل ملفات تعريف الألوان والتعليقات النصية وطوابع وقت الإنشاء وحتى معاينات مصغرة. بالنسبة للصور المصدّرة من برامج التحرير الاحترافية، يمكن أن تضيف هذه البيانات الوصفية عشرات أو حتى مئات الكيلوبايتات إلى حجم الملف.
الخبر الجيد هو أنه يمكن تقليل حجم ملفات PNG بشكل كبير دون التضحية بالجودة. تشمل التقنيات إزالة البيانات الوصفية غير الضرورية وتقليل عمق اللون عندما لا تكون الألوان الكاملة مطلوبة واستخدام أدوات ضغط محسّنة. للحصول على شرح كامل لهذه التقنيات، اقرأ دليلنا حول كيفية تقليل حجم ملف PNG.
متى تستخدم PNG مقابل البدائل
يعتمد اختيار صيغة الصورة الصحيحة على نوع الصورة التي تعمل عليها وكيف ستُستخدم. إليك مقارنة عملية لمساعدتك في اتخاذ القرار.
| الصيغة | الأفضل لـ | الشفافية | الحجم النموذجي |
|---|---|---|---|
| PNG | الشعارات، الأيقونات، لقطات الشاشة، الرسوميات مع نص | نعم (ألفا كامل) | كبير |
| JPG | الصور الفوتوغرافية، صور وسائل التواصل الاجتماعي، مرفقات البريد | لا | صغير |
| WebP | صور الويب، المواقع الحديثة، الصفحات التي يهم فيها الأداء | نعم (ألفا كامل) | الأصغر |
| GIF | الرسوم المتحركة البسيطة، الرسوميات الصغيرة بألوان قليلة | نعم (1 بت فقط) | متوسط |
| SVG | أيقونات قابلة للتحجيم، رسوم توضيحية، رسوميات متجهية | نعم | متغير (متجه) |
اختر PNG عندما
- تتطلب صورتك شفافية، مثل شعار موضوع على خلفية ملونة
- تحتاج إلى جودة بدون فقدان مع حواف حادة، مثل لقطات الشاشة أو المخططات أو عناصر واجهة المستخدم
- تحتوي الصورة على نص أو رسم خطي أو ألوان مسطحة حيث ستكون تشوهات الضغط مرئية
- تحضّر صوراً للطباعة أو الأرشفة حيث يجب الحفاظ على كل تفصيل
اختر JPG عندما
- تعمل مع صور فوتوغرافية وأحجام الملفات الصغيرة أهم من الجودة المثالية بكسل ببكسل
- ستُشارك الصورة عبر البريد الإلكتروني أو تطبيقات المراسلة أو المنصات التي تتطلب أقصى توافق
- لا حاجة للشفافية
اختر WebP عندما
- تُحسّن الصور لـموقع ويب حيث سرعة تحميل الصفحة وعرض النطاق الترددي مهمان
- تحتاج إلى الشفافية وأحجام ملفات صغيرة معاً في صيغة واحدة
- يستخدم جمهورك متصفحات حديثة تدعم WebP
لاستكشاف أعمق لهذه المقايضات، بما في ذلك مقارنات واقعية لأحجام الملفات وسيناريوهات الاستخدام، اقرأ مقارنتنا الكاملة PNG مقابل JPG مقابل WebP.
الخلاصة
يظل PNG صيغة صور أساسية لأي شخص يعمل في الرسوميات أو التصميم أو تطوير الويب. يضمن ضغطه بدون فقدان الحفاظ على كل بكسل كما هو مقصود تماماً، بينما تجعل شفافية ألفا الكاملة منه لا غنى عنه للشعارات والأيقونات وعناصر واجهة المستخدم وأي صورة تحتاج إلى الظهور بشكل نظيف على خلفيات مختلفة.
المفتاح هو معرفة متى تستخدم PNG ومتى تخدمك صيغة مختلفة بشكل أفضل. PNG هو الخيار الصحيح للرسوميات الحادة والشفافية والصور ذات الحواف الحادة أو النصوص. للصور الفوتوغرافية، حيث يهم حجم الملف أكثر من الحفاظ المثالي بكسل ببكسل، سيقدم JPG أو WebP نتائج أفضل مع ملفات أصغر بشكل كبير.
سواء كنت بحاجة إلى تحويل JPG إلى PNG للحصول على شفافية، أو تحسين PNG موجود لأحجام ملفات أصغر، أو مجرد فهم الصيغة التي تختارها، فإن الأدوات المناسبة تصنع كل الفرق. pic2PNG يتيح لك تحويل أي صورة إلى صيغة PNG فوراً، مباشرة في متصفحك، بدون رفع ملفات، وبدون تسجيل، وبدون مفاجآت في حجم الملف. جرّبه الآن واكتشف كم يمكن أن يكون تحويل الصور بسيطاً.