ما هو ملف PNG. ما هو بابوا نيو غينيا.

ملف PNG (من الإنجليزية. جرافيك شبكة محمولة) يشير إلى الصور النقطية. يحتوي تنسيق PNG على لوح ألوان محدد يستخدم في الشكل. يحب تنسيق الجرافيك غالبا ما تنطبق في شبكة World Wide Web عند إدخال صفحات الويب في صور مختلفة. من خلال استخدام خوارزمية ضغط الانفديل، الصور النقطيةيتوفر امتداد ملف PNG للضغط دون فقدان الجودة الصريحة.

متطور هذا التنسيق ملف لاستبدال تنسيق GIF، لأن آخر مرة تتطلبها وجود برنامج مدفوع. من بين مالكي موارد الويب، تشتهر صور PNG بالخصائص الممتازة ضد خلفية هذه التنسيقات. يدعم PNG عمق الألوان خلال 48 بت. الفرق الرئيسي بين GIF هو هذا مثل ملف الرسوم البيانية يقتصر على 8 بتات (256 لونا فقط). يجب أن يكون معروفا أنه على النقيض من GIF، ليس لدى PNG دعم لآثار الرسوم المتحركة.

افتح ملف يحتوي على امتداد PNG بالفعل في الواقع أي برنامج عرض. في نظام التشغيل نوافذ، افتح PNG ممكن بمجرد النقر المزدوج فوق الماوس لعرض الصور. يتم تشغيل تنسيق الصورة هذه في أي متصفحات الويب. إذا كان المستخدم بحاجة إلى تغيير الصورة المحفوظة في إصدار PNG، فهذا يكفي لاستخدام أدوات تحسين تحرير الصور، مثل Adobe Photoshop أو صور Microsoft Windows، بالإضافة إلى أنظمة Corel Paintshop أو ACD.

يمثل ملحق الملف هذا شائعا للغاية ويحمل جميع المعلومات الرسومية اللازمة لصور الألوان الكاملة ذات نوعية جيدة.

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

لفترة وجيزة حول سبب ظهور تنسيق تخزين الصورة هذا ...

في 4 يناير 1995، تم التعبير عن فكرة الإبداع تنسيق مجاني بدلا من GIF المدفوعة، بالفعل في ديسمبر من نفس العام صيغة جديدة كان PNG جاهزا واقترح للنظر فيه. يسمح بتنسيق GIF في ذلك الوقت بتلقي ملفات صغيرة جدا كانت مريحة في المواقع. لكن GIF المجاني السابق أصبح مدفوعا بشكل غير متوقع - مالك براءة اختراع له، تمت إزالة الشركة "Unisys Corporation"، لأخذ أموال لكل صورة يستخدمها هذا التنسيق. كان هذا هو السبب في تطوير تنسيق مجاني، الذي كان يسمى PNG - اختصار من التعبير الإنجليزي "رسومات الشبكة المحمولة". كما يمكن رؤيته من الاسم، فإنه مخصص للاستخدام في الشبكة، نظرا لملفات وحدة تخزين صغيرة، مما يتيح لك تنزيل الصفحات بسرعة مع الرسومات.

ما هي مزايا وعيوب لها تنسيق PNG مقارنة بالآخرين، خاصة مع منافسها الرئيسي، شكل GIF؟ هناك الكثير من الاختلافات، ولكن حول كل شيء في النظام ...

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

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

لسوء الحظ، فإن تنسيق PNG له عيب واحد، وليس مهما جدا - لا يسمح لك بحفظ تسلسل الصور، والرسوم المتحركة المزعومة. gif يسمح لك للقيام بذلك. حدث ذلك لأنه في وقت إنشاء تنسيق جديد، لم يتم استخدام الرسوم المتحركة في أي مكان تقريبا، ولا توجد حاجة خاصة للمواقع الملونة في عام 1995، لذلك تم استبعاد الرسوم المتحركة من المشروع غير ضروري. اليوم، تحتل الرسوم المتحركة Niche Technology، والتي لا تنسيق رسم عادي هو منافس.

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

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

علاوة على ذلك، فإن كونه تنسيق PNG مجاني يوفر مزايا عملية مختلفة عبر مصمم الويب GIF:
- أفضل ضغط: بالنسبة لمعظم الصور، يصل PNG إلى حجم ملف أصغر من GIF
— عمق كبير من اللون: PNG يقدم TrueColor يصل إلى 48 بت عندما يكون لدينا فقط 256 لوحة الألوان في GIF
— الشفافية قناة ألفا: عندما تقدم GIF شفافية ثنائية فقط، تسمح PNG بتأثيرات الشفافية غير المحدودة تقريبا، وتقديم شفافية قناة ألفا

من المناسب أن تلاحظ أن PNG لا يسمح بإجراء الرسوم المتحركة كيف يصنع GIF. ولكن هناك معيار (MNG)، والتي تسمح بها، لكنها ليست مدعومة على نطاق واسع من قبل متصفحات الويب ومحرري الرسوم.

لذلك، لماذا لا يزال GIF شائعا جدا؟

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

نظرا لحقيقة أن Internet Explorer 6 والإصدارات السابقة لا تدعم المجموعة الكاملة من قدرات PNG (بما في ذلك شفافية قناة ألفا) لا يزال الأشخاص يؤمنون (على الرغم من أنه خطأ) أن Internet Explorer لا يدعم PNG على الإطلاق أو على الأقل لا دعم الشفافية. في الواقع، دعم Internet Explorer 5 و 6 من مواصفات PNG بما فيه الكفاية، مما يجعلها معادلة بشكل عام (أو أكثر) صور GIF لم يمسها. جميع المتصفحات المرجعية الأخرى، بما في ذلك Firefox، Netscape 6 وما فوق، Mozilla، Opera 6 وما فوق، Safari، و Camino تدعم تماما شفافية PNG.

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

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

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

ماذا عن JPEG؟

JPEG هو تنسيق ويب آخر UBQUARTY وفي معظم الحالات، مثل الصور (أو غيرها)، فهو أفضل من PNG أو GIF. PNG غير مصمم للتنافس مع JPEG. ضغط JPEG يجعل ملفات أصغر بكثير من PNG عند العمل مع الصور. من ناحية أخرى، ينتج PNG ملفات أصغر عند استخدام الصور داخل النصوص، خطوط فنية، شعار، "ناعم" ألوان، إلخ.

بعض الأمثلة الرائعة لاستخدام PNG متواضع

الآن دعونا نلقي نظرة على كيفية استخدام PNG في تصميم الويب. اجمعت جميع الملفات لكل مثال في مجلد منفصل متوفر على (HandyBlogger: القائمة الأصلية هناك، لكنني لم أجد المصدر).

الانحدار

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

يتم استخدام النمط النموذجي لتدرج الخلفية للأزرار أو الكتل أو في مكان آخر. قد تبدو كما هو الحال في الشكل 5-1. في اتجاه عقارب الساعة، من الزاوية اليسرى العليا، نرى الصورة الأصلية (غير المضغوطة)، إصدار GIF، إصدار PNG و JPEG. ترى أن PNG كنتيجة لها أصغر حجم (515 بايت). انها أربع مرات أقل من صورة GIFوبعد JPEG أكثر بقليل من PNG عند 637 بايت، كما أنها أقل من الجودة الناجمة عن الضغط مع الخسائر (الحقيقة هي إمكانية أن تحدد العين البشرية لتحديد الفرق في جودة هذا المثال البسيط في السؤال).

الشكل 5-1
Photoshopa - حفظ للشبكة، عرض اختلافات حجم الملف لنفس الصورة في التنسيقات المختلفة

صورة يجب أن تعمل على أي خلفية

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

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

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

حسنا، ولكن في أي متصفحات تعمل؟

أنا أعرف ما رأيك: كل هذه الشفافية PNG تبدو جيدة، ولكن هل هو عملي؟

الأخبار الجيدة هي أن جميع المتصفحات الحديثة الدعم الكامل PNG صورة، بما في ذلك شفافية قناة ألفا، ومزايا التي أظهرت بها في الأمثلة. Safari (جميع الإصدارات)، Firefox (جميع الإصدارات)، Opera (الإصدار 6 وما فوق)، Netscape (الإصدار 6 وما فوق)، و Mozilla (جميع الإصدارات) ستكون مع اثارة ضجة على العمل على كل ما سأطلب منهم. ولكن هناك أخبار سيئة واحدة - المتصفح الوحيد الذي لم أذكره بعد ولديه معظم مستخدميك: Internet Explorer.

Internet Explorer 6 وتحدوه لا يدعم شفافية قناة ألفا المضمنة بتنسيق PNG. نظرا لأن أكثر متصفحي الويب العديدة قد تم (أو لا تختار)، فإن ثقب الفاغات يحتوي على مصممي الويب بعيدا عن PNG. ولكن، مع Internet Explorer 7، تلقينا الدعم الكامل لشفوا ألفا في PNG في جميع المتصفحات الهامة. ما هو التالي، هل هناك طرق للعمل مع الشفافية ألفا PNG في Internet Explorer 6 وتحت؟ لذلك، إذا كنت ترغب في استخدام هذا التأثير، فلا شيء سوف يمنعك. تتطلب Internet Explorer 6 وإصداراتها المبكرة أكثر من اللازم، والاهتمام، لكنها بالتأكيد ممكنة.

Hack for Internet Explorer: Alphaimageloader

يحتوي Internet Explorer على مرشحات مختلفة. يتم استخدامها في CSS، لكنها ليست أي جزء من مواصفات CSS الرسمية. وبعبارة أخرى، فهي غير موحدة في الويب. لسوء الحظ، لا تدعم Internet Explorer 6 وتحدوه بالكامل تنسيق PNG (الذي ينصح به W3C)، يحتوي Microsoft على عامل تصفية يلغي هذا النقص: AlphaMaGeloader.

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

لماذا كان تنسيق PNG

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

ماذا يحدث تنسيق PNG

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

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

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

اتجاه التنمية

على الرغم من حقيقة أن انتشار تنسيق PNG لا يزال مقيدا من قبل المتصفحات القديمة، بالإضافة إلى عدم كفاية ودعم غير مكتمل لقدرات هذه الخوارزمية في الإصدارات الجديدة، فإن رسومات الويب PNG هي واعدة للغاية. بالمقارنة مع GIF، فإنها تمتلك ثلاث مزايا رئيسية: قنوات ألفا، تصحيح جاما وتشابك ثنائي الأبعاد (طريقة صور الصورة التقدمية). ومقارنة مع JPEG، لا يوجد لديه فقدان الجودة. لاحظ أنه تم اختراع تنسيق PNG في 4 يناير 1995. منذ ذلك الوقت، مر 18 عاما، وبدأ في الاستخدام في مواقع الويب، مما دفع GIF إلى المركز الثاني.

معظم العادة (على سبيل المثال MS Paint) اليوم اعتمدها كمعيار لإنقاذ الملفات الافتراضية. ربما، إذا لم يكن الأمر يتعلق بالرسوم المتحركة ودعاية الإصدارات القديمة من Internet Explorer، فسوف تفسد GIF طريقة لمنافسه في وقت سابق.

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

تم فك تشفير اختصار PNG كرسومات شبكة محمولة - رسومات شبكة التحويلات.

من حيث خصائصها، فإن هذا التنسيق يشبه GIF، وهو ليس من المستغرب - بعد كل شيء، تم تطوير PNG كبديل لها. PNG يدعم الوظائف التالية:

• تخزين الصور الملونة مع عمق اللون إلى 48 بت (في GIF - ما يصل إلى 8 بت)؛
• تخزين صور أحادية اللون (حتى 16 بت لكل بكسل)؛
• دعم متغير الشفافية - ما يصل إلى 256 تدرجا (بتنسيق GIF لكل بكسل أو شفافة، أم لا)؛
• ضغط الصورة دون خسارة؛
• استخدام التصفية لتحسين الضغط (في GIF غائبة)؛
• القدرة على interlaced الصور على الشاشة؛
• أدوات مدمجة للكشف عن أخطاء نقل البيانات (في GIF مفقودة)؛
• floworOratographics (صور متحركة مفقودة)؛
• حفظ نسخة مخفضة الصورة.

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

يحتوي الملف المخزن في تنسيق PNG على بنية كتلة، مما يجعله مشابها بتنسيق TIFF. يجب أن يعمل أي برنامج يدعم تنسيق نظام PNG القياسي مع أربعة أنواع كتلة:

• تحتوي وحدة الرأس على المعلمات الأساسية للصورة. لا يمكن أن يكون الملف أكثر من عنوان واحد؛
• تحدد كتلة لوحة لوحة الألوان المستخدمة في الصورة. يتم استخدام هذه الوحدة فقط إذا كانت اللوحة ضرورية (يتم حفظ الصورة في وضع الألوان المفهرسة)؛
• كتلة الصورة تحتوي على بيانات الصورة؛
• يتم إغلاق صورة الصورة CloseUp ملف PNG.

بالإضافة إلى هذه الكتل، قد يحتوي الملف على بيانات إضافية، مثل معلومات حول المؤلف، التعليقات النصية (بما في ذلك مضغوط)، معلومات حول تصحيح التباين و Gamma، معلومات حول الشفافية (قناة ألفا)، إلخ. مع إدخال جديد الفرص، يمكنك بسهولة إضافة إلى ملف كتلة جديدةوبعد في الوقت نفسه، البرامج القديمة ببساطة "لن تثير الاهتمام". يوفر هذا إمكانية التوسع السهل في التنسيق.

• يمكن حفظ الصورة نفسها في أوضاع مختلفة. على سبيل المثال، أدوبي فوتوشوب. يدعم أوضاع RGB (16 مليون لون)، ظلال رمادية (256 تدرج) وألوان مفهرسة (256 لونا).
• يتم حفظ شفافية الصورة كقناة ألفا، والتي تتيح لك عرض ما يصل إلى 256 تدرجا للشفافية. يتيح لك ذلك تنفيذ عملية انتقال سلسة من الصورة إلى الخلفية وتجنب ظهور "Haloe" على حدود الشفافية. في التين. 2.9 يتم إعطاء مثال على مثل هذا التراكب. اليسار هو الصورة الأصلية، في الوسط - الخلفية، الحق - النتيجة.

تين. 2.9.نتيجة فرض الصور بتغيير سلس في الشفافية على الخلفية

في التين. 2.10 يوضح نتيجة التراكب على نفس صورة الخلفية المخزنة بتنسيق GIF.

تين. 2.10.فرض على خلفية الصور ذات قيمتين للشفافية (أو أنها كذلك، أم لا)

ملاحظة. في المتصفحات، لم يتم تنفيذ عرض الشفافية المتغيرة بسلاسة بعد.

عند حفظ الصور بتنسيق PNG، يمكن استخدام الصور المتفاوتة والفلاتر المختلفة لتحسين الضغط. يتم عرض الصورة المتداخلة عدم السطر حسب الخط (كما عند قراءة تنسيق GIF)، وكتل مستطيلة (أول قطعة 8x8، ثم 4x8، 4x4، 2x4، 2x2، 1x2). هل هذه الخوارزمية تكريم اسم المخترع الخاص به آدم؟ لسوء الحظ، لا تعالج جميع المتصفحات بشكل صحيح قدرات هذا التنسيق. في التين. 2.11 يظهر كيفية عرض ملفات PNG بواسطة متصفح Internet Explorer.

تسمح لك المرشحات بإعداد البيانات (تحسينها) وبالتالي زيادة درجة الضغط. يتم تطبيق الترشيح على البايتات من مكونات الألوان من خط البكسل. لكل سطر يمكنك تطبيق خوارزمية أو عدم استخدامه على الإطلاق. هناك العديد من أنواع المرشحات:

تين. 2.11.عرض صفحة مع أرقام PNG في عملية التمهيد

• يعرف الفرعية الفرق بين قيمة البايت لحضور البكسل الحالي وقيمة مماثلة للبكسل السابق؛
• UP يحدد الفرق بين قيمة البايت لحضور البكسل الحالي ونفس القيمة للبكسل السابق؛
• متوسط \u200b\u200b- تتوقع قيمة البكسل الحالية بناء على متوسط \u200b\u200bالقيمة التي تم الحصول عليها للبكسل الموجودة على اليسار وعلى رأسه؛
• Paeth - تتوقع القيمة بناء على قيمة الوظيفة الخطية التي تم الحصول عليها من قيم البكسل العلوي واليسار واليسار.

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

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

استعرضنا خصائص تنسيق PNG. من أجل تقديم صورة كاملة لنطاقها، سنختبر. في التين. 2.12 هناك ثلاثة صور اختبار. الشكل 2.13، وهو مثال على نمط يتكون من خطوط واضحة (دوائر أو رسم). الشكل 2.13، ب - صورة تحتوي على مؤامرة كبيرة بتغيير اللون السلس (السماء). الشكل 2.13، في الصورة مع عدد كبير من التفاصيل الصغيرة. أبعاد ملفات المصدر في تنسيق tiff: من 127 إلى 129 كيلو بايت.

لكن
ب.	في

تين. 2.12.اختبار الصور لمقارنة قدرات تنسيق GIF و JPEG و PNG

لمقارنة قدرات التنسيقات المختلفة، وحفظ كل هذه الصور في ملفات gif.، PNG و JPEG. في هذه الحالة تم استخدامها تنسيقات gif. و PNG في الوضع الطبيعي والمتغير، وفي شكل JPEG الصور المخزنة بمؤشر الجودة (على مقياس Adobe Photoshop)، يساوي 7. في نفس الوقت، لوحظت الضوضاء الصغيرة على جميع الصور (خاصة على حدود الكائنات). قارن أحجام الملفات المستلمة.

الجدول 2.1.أحجام الملفات المستلمة بعد الحفاظ على صور الاختبار في تنسيقات مختلفة، KB

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

قارن أيضا كفاءة استخدام المرشحات المختلفة المستخدمة في تنسيق PNG.

تم اختبار المرشحات على أمثلة العينة (الشكل 2.13، أ) والصور بأجزاء صغيرة (الشكل 2.13، ب). بالنسبة للمخطط، لم يعط استخدام المرشحات فوزا في حجم الملف، حتى على العكس من ذلك، تسبب في زيادة بنسبة 0.5-1 كيلو بايت. في الوقت نفسه، تحولت ملفات الصور "الملف الشخصي" أصغر من "غير مرئي". بالنسبة للصور التي تحتوي على 16 مليون صورة، بلغت الأرباح حوالي 10٪. في الوقت نفسه، كانت الصور التي تحتوي على 256 لونا على استخدام المرشح عمليا لا تتفاعل.

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