) ونتوقع أن يجعل AlphaMaGeloader هذا العمل في Internet Explorer كما ينبغي. تذكر أن AlphaMaGeloader إدراج صورتك بين الخلفية وضمان الكائن. لذلك، في حين أنها ستشحن صورتك بكل مجدها الشفاف، فإنها ستستمر أيضا في شحنها كصورة خلفية CSS، وبدون بكسلات شفافة رائعة.

استخدام حقيقي AlphaimageLoader.

دعنا نعود إلى إحدى الأمثلة الأولى وحاول تحميلها بشكل صحيح في Internet Explorer. تذكر القناة 49، محطة التلفزيون في توبيكا؟ أنا متأكد - نعم. يوضح الشكل 5-21 ما يبدو ما يبدو الموقع في Internet Explorer 6.

الشكل 5-21.
رأس 49ABCNEWS.COM، المستمدة في Internet Explorer 6 لنظام التشغيل Windows، مع شفافية PNG التي لم تمسها.

أتش تي أم أل للجزء العلوي المرتبط بالطقس، يبدو أنك قد اقترح بالفعل:

ترى الصورة، وبالتأكيد هو PNG، حتى تحميل Internet Explorer أنه لا بدان. المكون السري لهذا هو جافا سكريبت. في الواقع، استخدمت القليل من SRIPTING DOM من أجل إزالة عنصر IMG أثناء الطيران واستبداله بعنصر DIV، والذي تخمنه - يستخدم AlphaMaGeloader. يتم وصف جافا سكريبت داخل التعليقات الشرطية، والآخر قدمت، ولكنها غير مستفادة تماما من Microsoft المدمج في Internet Internet Explorer. تتيح لك التعليقات الشرطية استخدام التعليمات البرمجية فقط للمعروفة المعروفة نسخة الإنترنت مستكشف. يتم تجاهل الرمز من قبل جميع المتصفحات الأخرى، لذلك لا يؤثر عليهم. في العنصر الموقع www.49abcnews.com، ستجد:

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

لذلك، ماذا عن ملف JavaScript FixWeatherPng.js؟ إلق نظرة:

Window.attachevent ("تحميل"، fixweatherpng)؛ وظيفة fixweatherpng () (var img \u003d document.getelementbyid ("weatherimage")؛ var src \u003d img.src؛ img.style.visibility \u003d "مخفي"؛ var div \u003d document.createelement ("div")؛ div.style. Filter \u003d "ProgID: dximagetransform.microsoft. alphaimageloader (+ src +" "، sizing \u003d" مقياس ")"؛ // تم حذف بعض التصميم CSS الخاص ب 49BCNews.com للحصول على الإيجاز. img.replacenode (div)؛ في

دعونا تحليل، خطوة بخطوة، مما يجعل البرنامج النصي. أولا، نقول المتصفح الذي نريد تنفيذ وظيفة FixWeatherPNG عند تحميل الصفحة. الجزء المتبقي من البرنامج النصي هو وظيفة نفسها.

نبدأ، في البداية نبحث عن الصورة التي سنعمل بها على سمة معرفها وحفظها في متغير IMG. حفظ سمة SRC (عنوان URL إلى ملف الصورة) في متغير SRC. ثم نخفي عنصر IMG الكشف عن خاصية CSS من الرؤية في المخفية.

نتيجة لذلك، نتحل محل عنصر IMG الأصلي (المخفية) لعنصر DIV تم إنشاؤه حديثا، حيث يتم إرفاق AlphaMaGeloader بنجاح.

باستخدام Scripting DOM لإدراج AlphaimAgeloader - BITS Filter على الطاير، لديه نزيه خاص به، ولكن الجانب الضروري غير صحيح CSS. علاوة على ذلك، سيتم استخدام علامات HTML الخاصة بك (x) على عناصر DIV ستاند. وبينما يتم وصف كل هذا داخل التعليقات الشرطية، لا توجد فرصة للمتصفحات الأخرى التي يجب إفسادها بواسطة Microsoft Code. (byneblogger: هنا يحاول جيف الإشارة بدقة إلى الحل "الصحيح" من Microsoft)

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

قيد التوقيف

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

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

ثانيا: يوفر Internet Explorer 7 الدعم الكامل ل PNG شفافية ألفا. الآثار التي يمكن الحصول عليها مع سلسلة كاملة من الخيارات الشفافة لا حدود لها تقريبا. أتوقع أن يجد المصممون طرقا مثيرة للاهتمام لاستخدام شفافية PNG، وفقا لمبدأ تلك الموصوفة في هذه المقالة، سيتم فتح الأبواب على مستوى جديد من الأساليب غير المسبوقة من قبل. أعطيتك الأفكار المفيدة لما يمكنك إنشاؤه باستخدام شفافية PNG، ولكن لا تتوقف عنها. ابحث عن نفسك!

مقتطفات من إبداع معايير الويب من كاميرون آدمز، مارك بولتون، آندي كلارك، سيمون كوليسون، جيف كروفت، إيثان ماركوت، ديريك فيخارستون، إيان لويد، دان روبن، وروب ويشيرت؛ نشرها أصدقاء إد. حقوق النشر جيف كروفت 2007. المستخدمة مع Acess، Inc.

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

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

الأسلوب 1: برامج عرض الصور

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

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

في الحالة عندما تريد أن تجعل العديد من التلاعب في الصورة المفتوحة، استخدم محرري الرسوم البيانية الخاصة بوظائف ممتدة ووجود عدد كبير من الأدوات المختلفة. مزيد من التفاصيل معهم يمكنك أن تجد في مقالتنا بالرجوع أدناه.

الطريقة 2: النوافذ القياسية

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

إذا كنت بحاجة إلى فتح جميع صور PNG من خلال عارض صور Windows القياسي، فاتبع الخطوات التالية:

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

في هذه المقالة نظرنا بالتفصيل طرق بسيطة فتح صور تنسيق PNG. كما ترون، لا يوجد شيء معقد في هذه العملية، ويتم تنفيذ كل شيء حرفيا لعدة إجراءات.

أنت هنا يحتوي على ملحق ملف ينتهي في لا يعني أن ينظر إليها على الإطلاق.

ما هو A & nbsp.png & nbspfile؟

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

كيفية فتح ملف .png؟

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

التطبيقات التي تفتح ملف .png

أدوبي فوتوشوب CS6 لنظام التشغيل Microsoft Windows

أدوبي فوتوشوب. CS6 ل مايكروسوفت ويندوز. هو برنامج تحرير الصور وإدارة القابلة للتنزيل على أجهزة كمبيوتر Windows، أي Windows 7 (With SP1) و Windows XP مع SP3. يأتي هذا البرنامج بميزات جديدة و أدوات ل سهل، سريع، متعة تحرير الصور الرقمية. ميزة واحدة تجعل هذا البرنامج موثوقة لتحرير الصور هو محرك Adobe Mercury Graphics، وهو تقنية المحرك التي توفر أداء أسرع وعالي الجودة. أدوات Aware-Aware هي ميزات جديدة مصممة لإعادة لمس الصور التي تتمتع بسهولة أثناء وضع شرطي الصور التي تتمتع بأسفها، والأمانة التلقائية الصحيحة أو تنحيد عدسة عريضة الزاوية، وإزالة العين الحمراء، وضبط توازن اللون مثل السطوع والتباين. يتم تجميع محرر الصور هذا أيضا مع ميزة الاسترداد التلقائي الذي يمكنه احتياطيا لأي صور غير محفوظة وخيار حفظ الخلفية، ومعرض Blur، وأداة المحاصيل، وإنشاء الفيديو، وأكمله أكثر. جميع هذه الميزات المحسنة الجديدة وواجهة المستخدم الصديقة الحديثة، يمكن أن تكون تحرير الصور الرقمية لا يمكن أن تكون ممتعة للغاية وسهولة فورسهاوب CS6.

أدوبي فوتوشوب CS6 لنظام التشغيل Mac

أدوبي فوتوشوب CS6 لنظام التشغيل Mac

برنامج Adobe Photoshop CS6 لنظام التشغيل Mac هو إصدار برنامج إدارة الصور "الإبداعي Suiteà Â-" إدارة الصور المصممة حصريا لجهاز كمبيوتر Mac، وخاصة Mac OS X V10.6 إلى 10.7 في 64 بت. يتم تجميع برنامج تحرير الصور هذا مع مجموعة جديدة من الميزات والأدوات، مثل محرك رسومات Mercury الذي طورته نفس الشركة لأداء الصور بسرعة عالية الجودة، وميزات تعريف المحتوى، وأدوات إعادة تخيلها بديهية لتصميم الأفلام، وسير العمل ، معرض Blur، أداة المحاصيل وكلها أكثر بكثير. يعمل محرك Graphics Graphics Adobe Merckury بطريقة تجعل مهمة التحرير سهلة وسريعة لإكمالها. يسمح هذا أيضا بمشاركة الصور وترحيلها مع خيارات الاسترداد التلقائي والخلفية يتم إجراء أدوات جديدة على أجهزة المحتوى لطريقة سهلة ويمكن السيطرة عليها لإعادة لمس أو تعزيز الصور التي تؤدي إلى إخراج أكثر رضوبة. يتيح ذلك بشكل أساسي أي مستخدم للصور الصحيحة التلقائية، وقطعها وتصحيح انحرافات عدسة الزاوية العريضة.

أنظمة ACD قماش 14

أنظمة ACD قماش 14

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

أنظمة ACD ACDSEE 15

أنظمة ACD ACDSEE 15

ACD Systems ACDSEE 15 هو منظم صور، عرض يتميز بميزة Operon Organizer و Viewer وبرنامج محرر RAW / Image ل Microsoft Windows و Mac OS X 10.6 (Windows XP مع Service Pack 2 و Vista و 7 و 8؛ Mac OS X 10.5، 10.6 10.7 والجبل الأسد). تم تطويره من قبل ACD Systems International، Inc. ويتم توزيعها في الأصل كتطبيق 16 بت تم ترقيته لاحقا مع إصدار 32 بت. هذا الحد الأدنى لمتطلبات الأجهزة لهذا التطبيق هو معالج Intel Pentium III / AMD Athlon أو ما يعادله مع ذاكرة الوصول العشوائي 512 ميغابايت (مع مساحة محرك الأقراص الصلبة الحرة 310 ميغابايت)، ومحول عرض ألوان عالي عند دقة 1024 × 768 وموقد CD / DVD. يدير ACDSEE ودعم ملفات الفيديو والصوت في التنسيقات التي تشمل GIF و BMP و JPG و PNG و MP3 و PSD و WAV و MPEG و TIFF. يمكن للمستخدمين عرض وتحرير وإضافة تأثيرات وتنظيم مجموعات الصور والفيديو التي يمكن مشاركتها عبر الإنترنت. يمكن تنظيم الصور لأنها يتم استيرادها من الكاميرا أو جهاز تخزين آخر. كما أنه يتميز بإطلالة على الخريطة ودعم العلامات الجغرافية التي تمكن المستخدمين من عرض موقع الصور من الكاميرات التي تدعم GPS. ميزات مثل خيارات التصفح السريع والمسح الضوئي والتحرير والخيارات النسخ الاحتياطي تسهل فرز الصور حسب التاريخ والحدث، وتخزين نسخ احتياطية إلى قرص مضغوط، DVD، و Blu-ray.

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

ملحق الملف. PNG هو نمط PNG. عرض ومعالجة صورة نقطية في تنسيق PNG، من الممكن استخدام البرامج التالية: صور Microsoft Windows، Microsoft Windows Photo Viewer، Microsoft Paint، Adobe Photoshop CC. يمكن أيضا برامج مدرجة أيضا تحويل الصور والصور والرسومات لهذا التنسيق.

ملف تنسيق PNG يفتح برامج خاصة. لفتح هذا التنسيق، قم بتنزيل إحدى البرامج المقترحة.

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

ملف مع ملحق ملف PNG هو ملف رسومات الشبكة المحمولة.وبعد يستخدم التنسيق الضغط دون خسارة وعادة ما يعتبر بديلا ل GIF. ولكن على عكس GIF، لا يتم دعم الرسوم المتحركة في ملفات PNG.

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

كيفية فتح ملف PNG

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

ما هو تنسيق PNG ل؟

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

جميع المتصفحات (على سبيل المثال، كروم، فايرفوكس، Internet Explorer إلخ.) ستقوم تلقائيا بعرض ملفات PNG التي تفتحها على الإنترنت، مما يعني أنك لا تحتاج إلى التنزيل على الكمبيوتر كل ملف PNG الذي تريد رؤيته. يمكنك أيضا استخدام المتصفح لفتح الملفات المتوفرة بالفعل على كمبيوتر PNG باستخدام مجموعة متنوعة. مفاتيح CTRL. + O. معظم هذه البرامج تدعم أيضا السحب والإفلات، بحيث يمكنك ببساطة سحب ملف PNG إلى المتصفح لفتحه.

هناك أيضا العديد من خيارات مستقلة لفتح هذه الصور - هذه خاصة محرر الجرافيكوبعد بعض شعبية - XnView , irfanview. , عارض الصور faststone. , محرك جوجل. , عين جنوم و gthumb. يمكنك استخدام أي من البرامج، والتطبيقات الخاصة بتحرير ملفات PNG. رسم. و paint.net.، فائدة Gimp الشعبية، وكذلك Adobe Photoshop المعروفة.

تحويل PNG.

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

ملف الصورة الذي يتم تخزينه بتنسيق رسومات الشبكة المحمولة (PNG). يحتوي على مصفوفة بت من الألوان ويستخدم الضغط دون خسارة، بالقرب من الملف .gif، ولكن دون قيود في النسخ. عادة ما تستخدم لتخزين رسومات صورة الويب.

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

لا يمكن تحريك صور PNG كصور GIF. ولكن المرتبطة بهم. قد تكون الرسوم المتحركة. لا توفر صور PNG دعم CMYK لأنها غير مخصصة للاستخدام في مجال الرسومات المهنية. يتم دعم صور PNG من قبل معظم متصفحات الويب.

جهاز تشغيل Mac OS X 10.4 والنسخ اللاحقة Screenss Screenshots كملفات PNG. أوبونتو لينكس تقوم أيضا بتخزين Screenshots بتنسيق PNG.

نوع mime: صورة / PNG

تحميل البرنامج للتنسيق بي إن جي.

في هذه المقالة أريد أن أقول واحد جدا ميزات غير سارة "Photoshop"، والذي يظهر نفسه مع الحفاظ على الصور الشفافة في PNG24. خذ الصورة الأصلية ونسخ بعض الشظية في PNG24. فعلت هذا: استخدام أداة Lasso المضلعة المخصصة جزء، نسخ ووضعها مستند جديد، وبعد ذلك تحتفظت من خلال حفظ إلى الويب:

PNG24، 456 كيلو بايت

كما اكتشفنا في الجزء الأول، في PNG24، تتكون الصورة، في الواقع، من طبقتين: RGB يحتوي على بيانات حول لون كل بكسل، وقناة ألفا مع معلومات حول شفافيةهم.

تنسيق الجرافيك PNG: المعالجة والعرض

من المنطقي أن نفترض أنه في مناطق شفافة تماما يجب أن يكون هناك أي لون واحد لحزم الصورة بكفاءة أكبر. ومع ذلك، هذا ما قمت بحفظه "Photoshop" في طبقة RGB (رأيته عبر محرر Seashore):

وتبين العين المجردة أن هناك شظايا كبيرة من المعلومات غير الضرورية تماما:

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

1. افتح مثالا في "Photoshop" وتسليط الضوء على الصورة على الطبقة: CTRL + انقر على صورة الطبقة الصغيرة في لوحة الطبقات.

2. دعنا نتحول إلى وضع القناع السريع (مفتاح Q).

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

4. نترك من قناع سريع (مفتاح Q) وانقلب التحديد → معكوس أو CTRL + SHIFT + I). بخلات بيكسل شفافة فقط مظل موضحة.

5. صب المنطقة المحددة باللون الأسود (الطرق كثيرا، على سبيل المثال، عبر تحرير → ملء).

6. مرة أخرى إبطال التحديد وإضافة طبقة من القناع (أيقونة في لوحة الطبقة).

7. الآن نحقق من أجل الويب ونرى كيف تكون الصورة "ضاعت" رائعة بنسبة 122 كيلو بايت.

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

يتبع.

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

دعونا نحاول معرفة المزايا التي تقدمها هذا التنسيق لتعلمها لاستخدامها عند إعداد الرسوم التوضيحية للويب.

دعنا نبدأ مع المصطلحات. أفترض أن معظم القراء يستخدمون فوتوشوب واستيلوا أسماء PNG-8 و PNG-24 هناك. هذه ليست تنسيقتين مختلفتين، ولكن فقط اختلافات من نفس PNG. يتيح لك التنسيق تخزين ثلاثة أنواع من الصور: Greyscale (لوصف الصورة، يتم استخدام قناة واحدة - أبيض)، اللون المفهرس (لوحة الألوان المستخدمة، كما هو الحال في GIF) و TrueColor (يتم استخدام ثلاث قنوات - RGB).

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

GIF، 2568 بايت

PNG-24، 372 بايت

الميزة المهمة الثانية هي تصفية السلاسل (تصفية SCANLINE، أو مرشحات DELTA)، بسبب ما يمكن ل PNG Packer الحصول على بيانات أكثر ملاءمة للضغط.

النظر في المثال كيف يعملون. قم باتخاذ صورة من 5 × 5 بكسل مع التدرج الأفقي وعرض تخطيطي كيفية حفظه في الملف (كل رقم هو لون فريد).

كما يتضح من المثال، سيعطي تشفير GIF خطوطا لضغط، والتي تعبأ بشكل سيء أفقيا (نظرا لأن نفس الألوان يتم توزيعها رأسيا). ولكن كيف يمكن تحويل هذا البيانات PNG Encoder:

أمام كل سطر، ظهر رقم 2. هذا مرشح تم تطبيقه على السلسلة. في هذه الحالة، هذا هو عامل التصفية، والتي تقول فك التشفير: "بالنسبة للبكسل الحالي، تأخذ قيمة البكسل أعلاه وإضافة القيمة الحالية إليها." في حالتنا، هذا هو 0، لأن ألوان البكسلات الحالية والعليا لا تختلف. ويمكن أن تكون هذه البيانات أكثر فعالية إذا كان لدينا صورة كبيرة إلى حد ما.

لماذا كتبت تستطيع؟ لأنه في حالتنا المثالية، سيكون هذا المخطط أكثر كفاءة:

يطبق المرشح 1 يسمى الفرعية، والذي يقول فك تشفير: "خذ قيمة البكسل إلى يسار التيار وإضافتها القيمة الحالية". في هذه الحالة، 1.

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

تحقق من عمل المرشحات:

قد يلاحظ القارئ اليقظ أن المرشحات لا تنطبق على الملف بأكمله تماما، ولكن إلى الصفوف.

ملف تنسيق PNG - ما هو؟

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

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

PNG-24 (فوتوشوب → TrueColor)، 8167 بايت

PNG-24 (فوتوشوب + Optipng → Greyscale)، 6132 بايت

من الواضح مزايا Greyscale Over TrueColor: على سبيل المثال، يتم تسجيل أبيض في الحالة الأولى (في الرقم العشري) رقم 255، وفي الثانية - 16777215.

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

PNG (رسومات الشبكة المحمولة) واضحة ك "Ping" - تنسيق تخزين معلومات الرسومات النقطية باستخدام الضغط دون خسارة. تم إنشاء PNG على حد سواء لتحسين واستبدال تنسيق GIF بتنسيق رسومي لا يتطلب ترخيصا للاستخدام. PNG هو معيار دولي (ISO IEC 15948: 2003) وأوصت W3C رسميا.

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

تم تصميم تنسيق PNG لاستبدال تنسيق GIF القديم والأبسط، وكذلك إلى حد ما، ليحل محل تنسيق TIFF أكثر تعقيدا بشكل ملحوظ.

إذا كنا نتحدث عن تصميم المواقع، ثم بالمقارنة مع GIF، فإنه يحتوي على المزايا الرئيسية التالية:

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

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