.PNG Portable Network Graphics
.png

Portable Network Graphics

PNG (W3C/ISO 15948) وُلدت عام 1995 من احتجاج على براءة اختراع GIF. توقيعها من 8 بايتات يكشف تلف النقل، وكل كتلة بيانات تحمل فحص CRC-32. حوّل PNG إلى JPG أو WebP في متصفحك مع FileDex — بدون رفع، مع حفظ الشفافية.

بنية الصيغة
Sig 89 50 4E 47
IHDR width × height
IDAT filtered pixels
بدون فقدانشفافيةW3C1996
بواسطة FileDex

ملفاتك لا تغادر جهازك

أسئلة شائعة

كيف أحوّل صورة HEIC من iPhone إلى PNG لرفعها على أبشر؟

افتح أداة تحويل الصور واختر صيغة PNG كصيغة الإخراج. ارفع ملف HEIC وستحصل على ملف PNG متوافق مع متطلبات بوابة أبشر. تأكد أن الدقة لا تقل عن 400×500 بكسل للصور الشخصية.

ما الفرق بين PNG بنوع indexed ونوع truecolor؟

النوع indexed يستخدم جدول ألوان محدود بـ 256 لوناً، مما يُنتج ملفات صغيرة مناسبة للشعارات والأيقونات. النوع truecolor يدعم 16.7 مليون لون بعمق 24 بت ويناسب الصور الفوتوغرافية. أضف alpha channel إذا احتجت شفافية.

هل يمكن رفع صور PNG على بوابة ناجز كمرفقات للقضايا؟

نعم، بوابة ناجز تقبل مرفقات PNG وJPG مع حد أقصى 5 ميغابايت للمرفق الواحد. للمسح الضوئي لوثائق قانونية، استخدم الدقة 300 نقطة/بوصة للحفاظ على وضوح النصوص.

كيف أضغط ملف PNG كبير دون فقدان الجودة؟

أدوات تحسين PNG تقلّص الحجم 60-80% بتحويل الصورة إلى وضع الألوان المفهرسة مع الحفاظ على الجودة البصرية. بديل آخر: أدوات الضغط بدون فقدان تختبر تركيبات ضغط DEFLATE المختلفة للوصول إلى أصغر حجم ممكن دون تغيير أي بكسل. راجع تبويب CLI في المرجع التقني أدناه للأوامر الدقيقة.

لماذا تظهر صور WhatsApp بجودة أقل عند إرسالها كـ PNG؟

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

هل صيغة PNG أفضل من JPG لرموز QR في فواتير ZATCA؟

صيغة PNG مفضّلة لرموز QR لأن ضغطها بدون فقدان يحافظ على حدّة حواف المربعات السوداء. ضغط JPG يُنتج تشوّهات حول الحواف قد تمنع القراءة الآلية. احفظ رمز QR بصيغة PNG ثم أدرجه في الفاتورة.

ما المقاس المطلوب لصورة PNG الشخصية في بوابة أبشر؟

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

ما يميز .PNG

احتجاج على براءة اختراع
وُلدت من أزمة ملكية GIF عام 1995
أعلنت Unisys فرض رسوم على خوارزمية LZW المستخدمة في GIF. مجتمع الإنترنت أنشأ PNG كبديل حر — W3C اعتمدتها رسمياً عام 1996 وأصبحت معيار ISO عام 2004.
فحص سلامة تلقائي
CRC-32 على كل كتلة بيانات
كل كتلة chunk في ملف PNG تحمل قيمة CRC-32 للتحقق من سلامة البيانات. بايت واحد تالف أثناء النقل يُكتشف فوراً — بوابات أبشر وناجز تعتمد هذا الفحص لرفض الملفات التالفة.
256 مستوى شفافية
قناة Alpha بعمق 8 أو 16 بت
GIF تدعم شفافية ثنائية فقط (شفاف أو معتم). PNG تمنح 256 مستوى شفافية لكل بكسل — ضرورية لشعارات المتاجر الإلكترونية وعناصر واجهات التطبيقات.
مرشّحات الصفوف
5 أنماط تنبؤ تُقلّص الحجم 15%
قبل ضغط DEFLATE، كل صف بكسل يمرّ بمرشّح تنبؤي يختار بين None وSub وUp وAverage وPaeth. اختيار المرشّح الأمثل لكل صف يوفّر 10-15% من حجم الملف النهائي.

تحافظ صيغة PNG على كل بكسل في الصورة دون أي فقدان في البيانات. بوابة أبشر تشترط رفع صور بصيغة PNG أو JPG بحد أدنى 400×500 بكسل للصور الشخصية — رفع صورة WebP أو HEIC يُرفض تلقائياً.

اكتشف التفاصيل التقنية

آلية ضغط DEFLATE في ملفات PNG

تعتمد صيغة PNG على خوارزمية DEFLATE (خوارزمية الضغط) التي تجمع بين تقنيتين: LZ77 للبحث عن تسلسلات بكسل متكررة واستبدالها بمراجع قصيرة، وترميز Huffman (ترميز هوفمان) لتقليص حجم تلك المراجع. النتيجة: ضغط بدون فقدان يُصغّر الملف إلى 30-60% من حجمه الأصلي.

قبل تطبيق DEFLATE، تمرّ كل صفّ بكسل بمرشّح filter row يختار الأنسب من خمسة أنماط: None وSub وUp وAverage وPaeth. مرشّح Sub يطرح قيمة البكسل السابق من البكسل الحالي. مرشّح Up يطرح قيمة البكسل في الصف الأعلى. مرشّح Average يأخذ متوسط البكسلين السابق والأعلى. مرشّح Paeth يستخدم معادلة رياضية تأخذ ثلاثة بكسلات مجاورة وتختار الأقرب لتنبؤها.

اختيار المرشّح الصحيح لكل صف يُحدث فرقاً ملموساً في حجم الملف النهائي — أحياناً يصل التوفير إلى 15% إضافية. أداة optipng تجرّب كل المرشّحات تلقائياً وتختار التركيبة الأفضل.

البنية الداخلية: magic bytes وكتل البيانات

كل ملف PNG يبدأ بثمانية magic bytes ثابتة: القيمة السداسية 89 50 4E 47 0D 0A 1A 0A. هذا التوقيع يُعرّف الصيغة ويكشف تلف النقل — إذا تحوّل الملف من ثنائي إلى نصي أثناء الرفع، تتغير هذه البايتات ويُرفض الملف فوراً.

بعد التوقيع تأتي كتل chunks مرتّبة بترتيب صارم. الكتلة الأولى IHDR تحمل Header (ترويسة الملف) بحجم 13 بايت فقط: العرض والارتفاع بـ 4 بايت لكل منهما، ونوع اللون وعمق البت وطريقة الضغط ونوع المرشّح وطريقة التشابك. ثم كتل IDAT المتتالية التي تحوي بيانات البكسلات المضغوطة بـ DEFLATE. أخيراً كتلة IEND بحجم صفر بايت تُعلن نهاية الملف.

كل كتلة تحمل قيمة CRC (فحص التكامل الدوري) بـ 4 بايت للتحقق من سلامة البيانات. هذا التصميم يمنع تلف الملف الصامت. إذا تغيّر بايت واحد أثناء النقل أو التخزين، يكشف فحص CRC الخطأ فوراً. بوابات الرفع الحكومية مثل أبشر تعتمد على هذا الفحص لرفض الملفات التالفة.

توجد كتل اختيارية: كتلة tEXt تحمل Metadata (بيانات وصفية) كاسم المؤلف وتاريخ الإنشاء. كتلة iCCp تحمل ملف تعريف ICC (ملف تعريف الألوان) لضبط تمثيل الألوان عبر الشاشات المختلفة. كتلة gAMA تحدد قيمة جاما لعرض الصورة بسطوع صحيح.

أنواع الألوان وعمق البت

تدعم PNG خمسة أنواع ألوان تُحددها قيمة في كتلة IHDR. النوع 0 (grayscale) للصور أحادية اللون. النوع 2 (truecolor) يمنحك 16.7 مليون لون بعمق 24 بت — 8 بت لكل قناة من RGB.

النوع 3 (indexed) يستخدم جدول ألوان palette من 256 لوناً كحد أقصى. هذا النوع مثالي للأيقونات والشعارات ولقطات شاشة بألوان محدودة. حجم الملف أصغر بكثير من truecolor لأن كل بكسل يُمثَّل ببايت واحد بدلاً من ثلاثة.

النوع 4 (grayscale + alpha) يضيف شفافية للصور أحادية اللون. النوع 6 (RGBA) يضيف alpha channel (قناة الشفافية) إلى truecolor، فتحصل على 32 بت لكل بكسل. هذا النوع ضروري عند تصميم شعارات وعناصر واجهة بخلفية شفافة.

شعارك على بوابة ناجز أو موقع متجرك يحتاج شفافية؟ RGBA هو الخيار الوحيد بين صيغ الصور الشائعة الذي يدعم 256 مستوى شفافية لكل بكسل.

تدعم PNG أيضاً عمق 16 بت لكل قناة — أي 48 بت لـ truecolor و64 بت لـ RGBA. هذا العمق يُستخدم في التصوير الاحترافي والطبي حيث التدرجات اللونية الدقيقة حاسمة.

تقنية Adam7 والتحميل التدريجي

تدعم PNG نظام تشابك Adam7 (التحميل التدريجي) الذي يعرض الصورة على سبع مراحل. المرحلة الأولى تنقل بكسلاً واحداً من كل 64 بكسل فتظهر صورة ضبابية خلال أجزاء من الثانية. المراحل الثانية والثالثة تملأ أعمدة وصفوفاً إضافية. بحلول المرحلة الرابعة يتّضح شكل الصورة.

على اتصالات الجيل الرابع في المناطق البعيدة داخل المملكة، يمنح Adam7 المستخدم معاينة سريعة قبل اكتمال التحميل. لكن الثمن: ملف أكبر بنسبة 5-10% مقارنة بالتحميل العادي لأن كل مرحلة تُضغط بشكل مستقل. لذلك تُفضّل معظم أدوات التحسين تعطيل Adam7 للصور المُوجّهة للويب واستخدامه فقط للصور الكبيرة التي تتجاوز 2 ميغابايت.

متطلبات البوابات الحكومية السعودية

بوابة أبشر تقبل PNG وJPG فقط للصور الشخصية في إجراءات الجوازات والأحوال المدنية. الحد الأدنى للدقة 400×500 بكسل، والحد الأقصى لحجم الملف 2 ميغابايت. صور iPhone الملتقطة بصيغة HEIC تحتاج تحويل إلى PNG أو JPG قبل الرفع. الخلفية يجب أن تكون بيضاء — وهنا تتفوق PNG لأنها تحفظ اللون الأبيض النقي دون تشوّهات الضغط.

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

nظام ZATCA للفوترة الإلكترونية يقبل صور PNG لرموز QR داخل الفواتير. صيغة PNG مفضّلة لرموز QR لأن حوافها الحادة تبقى نقية بفضل الضغط بدون فقدان — بينما ضغط JPG يُنتج تشوّهات حول المربعات السوداء تمنع القراءة الآلية أحياناً.

أدوات تحسين PNG وتقليص الحجم

أداة pngquant تحوّل صورة truecolor إلى indexed مع 256 لوناً باستخدام خوارزمية ذكية تحافظ على الجودة البصرية. التوفير: 60-80% من حجم الملف. مثال عملي: لقطة شاشة بحجم 1.8 ميغابايت تنخفض إلى 400 كيلوبايت مع فرق بصري لا يكاد يُلاحظ.

أداة optipng تعمل بطريقة مختلفة — تجرّب جميع تركيبات مرشّحات الصفوف ومستويات ضغط DEFLATE (من 1 إلى 9) للعثور على الأصغر حجماً دون تغيير أي بكسل. الجمع بين pngquant ثم optipng يُعطي أفضل نتيجة.

للصور التي تحتوي نصوصاً عربية — كلقطات شاشة من تطبيقات حكومية أو فواتير أو عقود — يُفضَّل PNG على JPG دائماً. خوارزمية DCT (تحويل جيب التمام المنفصل) في JPG تعمل على مربعات 8×8 بكسل وتُشوّه حواف الحروف العربية المتصلة، بينما ضغط PNG بدون فقدان يحافظ على كل حرف بدقته الأصلية.

صيغة APNG المتحركة

صيغة APNG (PNG المتحركة) تدعم إطارات متعددة مع شفافية كاملة — ميزة تفتقدها صيغة GIF المحدودة بـ 256 لوناً وشفافية ثنائية. متصفحات Safari وChrome وFirefox تدعمها منذ سنوات. المتصفح الذي لا يدعم APNG يعرض الإطار الأول كصورة ثابتة عادية.

استخدام APNG لشعار متحرك على موقع تجاري سعودي يمنحك حركة سلسة بشفافية دون الحاجة لملف فيديو. لكن حجم ملف APNG أكبر بكثير من WebP المتحرك — قد يصل إلى 3-5 أضعاف لنفس عدد الإطارات.

ملف تعريف الألوان وفضاء sRGB

تدعم PNG تضمين ملف تعريف ICC لضمان تمثيل الألوان بدقة عبر الأجهزة. فضاء sRGB هو المعيار للويب. كتلة sRGB في ملف PNG تُخبر المتصفح أن الألوان مُعايرة وفق هذا الفضاء.

عند تجهيز صور منتجات لمتجر إلكتروني، تضمين ملف ICC يضمن أن اللون الأزرق لمنتجك يظهر بنفس الدرجة على شاشة هاتف Samsung وشاشة MacBook. إزالة ملف ICC توفّر بضعة كيلوبايت لكنها تُعرّض الألوان لاختلافات بين الأجهزة.

مقارنة PNG مع الصيغ المنافسة

WebP يتفوق على PNG في حجم الملف بنسبة 25-35% مع ضغط بدون فقدان مماثل. لكن بوابات أبشر وناجز لا تقبل WebP حالياً. AVIF يقدّم ضغطاً أفضل من WebP بنسبة 15-20% لكن دعمه في المتصفحات أقل شمولاً، وSafari على iOS دعمه حديث.

القاعدة العملية: استخدم PNG للمستندات الرسمية ولقطات الشاشة والصور ذات الشفافية والمرفقات على البوابات الحكومية. استخدم WebP للصور على موقعك مع PNG كبديل احتياطي. احتفظ دائماً بنسخة PNG أصلية لأن تحويل WebP مع فقدان إلى PNG لا يستعيد البيانات المحذوفة.

مقارنة .PNG مع البدائل

مقارنة .PNG مع الصيغ البديلة
المقارنة المعيار الفائز
.PNG vs .JPG
لقطات الشاشة والنصوص
PNG تحافظ على حواف النصوص والأيقونات بدقة مطلقة. ضغط JPG يُنتج تشوّهات كتلية حول حواف الحروف العربية المتصلة — واضحة خصوصاً في النصوص الصغيرة وأختام الوثائق الرسمية.
PNG أفضل
.PNG vs .WEBP
حجم الملف بدون فقدان
WebP بدون فقدان يُنتج ملفات أصغر بنسبة 25-35% من PNG بجودة متطابقة. لكن بوابات أبشر وناجز وZATCA لا تقبل WebP حالياً — PNG هو الخيار الوحيد للمرفقات الحكومية.
WEBP أفضل
.PNG vs .GIF
عمق الألوان والشفافية
PNG تدعم 16.7 مليون لون مع 256 مستوى شفافية. GIF محدودة بـ 256 لوناً وشفافية ثنائية فقط. PNG-8 المفهرسة تُنافس GIF في الحجم لكن بدعم شفافية أفضل.
PNG أفضل
.PNG vs .TIFF
التوزيع عبر الويب
كل متصفح يعرض PNG أصلاً. TIFF يحتاج تحويلاً لعرضه على الويب — لا يوجد متصفح يعرض TIFF مباشرة. لكن TIFF يتفوق في عمق 32 بت ودعم CMYK للطباعة الاحترافية.
PNG أفضل

المرجع التقني

نوع MIME
image/png
Magic Bytes
89 50 4E 47 0D 0A 1A 0A 8-byte PNG signature with DOS/Unix line ending detection bytes.
المطوّر
PNG Development Group (W3C)
سنة التقديم
1996
معيار مفتوح
نعم — عرض المواصفات
0000000089504E470D0A1A0A .PNG....

8-byte PNG signature with DOS/Unix line ending detection bytes.

البنية الثنائية

تستخدم PNG بنية قائمة على الكتل. يبدأ الملف بتوقيع من 8 بايتات (89 50 4E 47 0D 0A 1A 0A) مصمم لاكتشاف أخطاء النقل والتعرف الخاطئ على نوع الملف. جميع البيانات بعد التوقيع منظمة في كتل، كل منها يحتوي على 4 بايتات للطول و4 بايتات لرمز النوع وبيانات متغيرة و4 بايتات لمجموع التحقق CRC32. يجب أن تكون الكتل الحرجة (IHDR وIDAT وIEND) موجودة. IHDR دائمًا أولًا وIEND دائمًا أخيرًا. تحتوي كتل IDAT على بيانات خطوط المسح المُرشّحة والمضغوطة بخوارزمية DEFLATE. الكتل المساعدة (tEXt وgAMA وsRGB وiCCP وtRNS) اختيارية.

OffsetLengthFieldExampleDescription
0x00 8 بايت توقيع PNG 89 50 4E 47 0D 0A 1A 0A توقيع ثابت. البايت 0x89 يكتشف النقل 8 بت. البايتان 0D 0A يكتشفان تحويل CR-LF. البايت 1A يوقف العرض في DOS.
0x08 4 بايت طول IHDR 00 00 00 0D بيانات IHDR دائمًا 13 بايت.
0x0C 4 بايت نوع IHDR 49 48 44 52 رمز ASCII ‏'IHDR' — رمز نوع كتلة ترويسة الصورة.
0x10 4 بايت العرض 00 00 04 00 عرض الصورة بالبكسل (uint32 بترتيب big-endian). مثال: 1024.
0x14 4 بايت الارتفاع 00 00 03 00 ارتفاع الصورة بالبكسل (uint32 بترتيب big-endian). مثال: 768.
0x18 1 بايت عمق البت 08 عدد البتات لكل عينة: 1 أو 2 أو 4 أو 8 أو 16.
0x19 1 بايت نوع اللون 06 0=تدرج رمادي، 2=RGB، 3=مفهرس، 4=تدرج رمادي+ألفا، 6=RGBA.
متغير متغير كتلة (كتل) IDAT 49 44 41 54 تحتوي على بيانات خطوط المسح المُرشّحة والمضغوطة بـ DEFLATE. قد تمتد عبر كتل متعددة.
EOF-12 12 بايت كتلة IEND 00 00 00 00 49 45 4E 44 AE 42 60 82 كتلة فارغة (0 بايت بيانات). تُعلّم نهاية تدفق بيانات PNG. قيمة CRC دائمًا AE 42 60 82.
1995ابتُكرت صيغة PNG كبديل خالٍ من براءات الاختراع لـ GIF بعد أن بدأت Unisys بإنفاذ براءات اختراع LZW1996نُشر PNG 1.0 كتوصية من W3C (وثيقة RFC 2083)1998حصلت PNG على توحيد معياري ISO/IEC 159482003صدرت مواصفات PNG 1.2 مع توصيات مُنقّحة2004اقترحت Mozilla صيغة APNG (PNG المتحركة) كامتداد للرسوم المتحركة لصيغة PNG2017حققت جميع المتصفحات الرئيسية دعمًا كاملًا لـ PNG بما في ذلك الرسوم المتحركة APNG
تحويل PNG إلى JPG بخلفية بيضاء imagemagick
magick input.png -background white -flatten -quality 85 output.jpg

يدمج قناة الشفافية على خلفية بيضاء ويرمّز إلى JPEG بجودة 85. بدون -flatten، تظهر المناطق الشفافة باللون الأسود في مخرجات JPEG.

تحويل PNG إلى WebP بدون فقدان أخرى
cwebp -lossless input.png -o output.webp

يرمّز PNG إلى وضع WebP بدون فقدان (VP8L). ينتج ملفات أصغر بحوالي 26% من PNG مع الحفاظ على شفافية ألفا وجميع بيانات البكسل بدقة تامة.

تحسين حجم ملف PNG بأقصى ضغط imagemagick
magick input.png -strip -define png:compression-level=9 -define png:compression-strategy=1 output.png

يزيل البيانات الوصفية ويطبّق أقصى مستوى ضغط DEFLATE. الاستراتيجية 1 (المُرشّحة) تعمل بشكل أفضل مع المحتوى الفوتوغرافي. بدون فقدان — لا تتغير بيانات البكسل.

استخراج أبعاد PNG ومعلومات الألوان ffprobe
ffprobe -v error -show_entries stream=width,height,pix_fmt,bits_per_raw_sample -of json input.png

يعرض أبعاد الصورة وصيغة البكسل (rgb24 أو rgba أو gray وغيرها) وعمق البت دون فك ترميز بيانات الصورة كاملة.

PNG JPG transcode lossy ينتج ضغط JPEG DCT ملفات أصغر بمقدار 5-20 ضعفاً للمحتوى الفوتوغرافي حيث لا تكون الدقة بدون فقدان ضرورية. يتم تسطيح قناة ألفا إلى خلفية بيضاء أو بلون محدد أثناء التحويل.
PNG WEBP transcode variable ينتج الوضع بدون فقدان في WebP (المعروف بـ VP8L) ملفات أصغر بنسبة 26% من PNG في المتوسط وفقاً لدراسة Google، مع الحفاظ على شفافية ألفا. الوضع مع فقدان يوفر تقليصاً أكبر للصور الفوتوغرافية المخزّنة كـ PNG.
PNG BMP transcode lossless يخزّن BMP بيانات البكسل الخام غير المضغوطة المتوافقة مع تطبيقات Windows القديمة والأجهزة المدمجة التي تفتقر إلى القدرة على فك ضغط PNG.
منخفض

نقاط الضعف

  • قنبلة فك الضغط — ملف PNG مُصمَّم بحجم صغير يتوسع إلى غيغابايتات من بيانات البكسل أثناء فك الترميز (مثلاً ملف PNG بحجم 64 كيلوبايت يتوسع إلى 4 غيغابايت من ذاكرة RGBA)
  • تجاوز CRC — كتل تالفة بقيم CRC صالحة تستغل افتراضات المحلل حول سلامة البيانات
  • طفحان عدد صحيح في أبعاد IHDR — قيم عرض وارتفاع كبيرة للغاية يمكن أن تسبب طفحان تخصيص الذاكرة في مفككات الترميز البسيطة

الحماية: يفك FileDex ترميز PNG بالكامل داخل صندوق حماية المتصفح عبر واجهة Canvas API. يتم تقييد الأبعاد القصوى المفكوكة بحدود لوحة المتصفح (عادةً 16384×16384 أو 268 ميغابكسل). لا يتم رفع أي بيانات إلى الخادم.

libpng مكتبة
مكتبة PNG المرجعية الرسمية المُستخدمة في معظم تطبيقات PNG
pngquant أداة
ضاغط PNG بفقدان يحوّل PNG ذات 24/32 بت إلى لوحة ألوان مفهرسة 8 بت
OptiPNG أداة
محسّن PNG بدون فقدان يجد معاملات DEFLATE المثلى
ImageMagick أداة
معالج صور سطر أوامر مع دعم كامل لقراءة وكتابة PNG بما في ذلك جميع أنواع الكتل
sharp مكتبة
مكتبة معالجة صور عالية الأداء لـ Node.js مبنية على libvips مع دعم PNG