एसवीजी, पीएनजी और जेपीजी छवि प्रारूप: फायदे और नुकसान। पीएनजी छवि - फ़ाइल पीएनजी फ़ाइलों को कैसे खोलें, संपादित करें और कनवर्ट करें

इसके अलावा, एक मुफ़्त प्रारूप होने के कारण, पीएनजी वेब डिज़ाइनर के लिए GIF की तुलना में विभिन्न व्यावहारिक लाभ प्रदान करता है:

• बेहतर संपीड़न: अधिकांश छवियों के लिए, पीएनजी GIF की तुलना में छोटा फ़ाइल आकार प्राप्त करता है
• बेहतर रंग गहराई: पीएनजी 48 बिट्स तक सच्चा रंग प्रदान करता है, जबकि जीआईएफ में हमारे पास केवल 256 रंग पैलेट है
• अल्फा चैनल पारदर्शिता: जहां जीआईएफ केवल बाइनरी पारदर्शिता प्रदान करता है, पीएनजी पारदर्शिता के लिए अल्फा चैनल की पेशकश करके वस्तुतः असीमित पारदर्शिता प्रभाव की अनुमति देता है

यह ध्यान देने योग्य है कि पीएनजी GIF की तरह एनीमेशन की अनुमति नहीं देता है। लेकिन एक मल्टीपल-इमेज नेटवर्क ग्राफिक्स (एमएनजी) मानक है जो इसकी अनुमति देता है, लेकिन यह वेब ब्राउज़र और ग्राफिक्स संपादकों द्वारा इतना व्यापक रूप से समर्थित नहीं है।

आप शायद सोच रहे होंगे कि पीएनजी वेब पर इतना व्यापक रूप से उपयोग किया जाने वाला प्रारूप क्यों नहीं है, जबकि यह विज्ञापित जितना अच्छा है। उत्तर, बड़े पैमाने पर, इसके प्रारूप और ब्राउज़र समर्थन के बारे में एक गलत धारणा है।

के कारण इंटरनेट एक्सप्लोरर 6 और इससे पहले के संस्करण पीएनजी सुविधाओं की पूरी श्रृंखला (अल्फा चैनल पारदर्शिता सहित) का समर्थन नहीं करते हैं, लोगों को यह मानना ​​​​है (हालांकि यह सच नहीं है) कि इंटरनेट एक्सप्लोरर पीएनजी का बिल्कुल भी समर्थन नहीं करता है, या कम से कम पारदर्शिता का समर्थन नहीं करता है। वास्तव में, इंटरनेट एक्सप्लोरर 5 और 6 पर्याप्त पीएनजी विशिष्टताओं का समर्थन करते हैं ताकि इसे गैर-एनिमेटेड जीआईएफ छवियों के कार्यात्मक रूप से समकक्ष (या बेहतर) बनाया जा सके। फ़ायरफ़ॉक्स, नेटस्केप 6 और इसके बाद के संस्करण, मोज़िला, ओपेरा 6 और इसके बाद के संस्करण, सफारी और कैमिनो सहित उल्लिखित अन्य सभी ब्राउज़र पूरी तरह से पीएनजी पारदर्शिता का समर्थन करते हैं।

इसके अलावा ब्राउज़र समर्थन के बारे में गलत धारणा बनी हुई है जीआईएफ एनीमेशनउनकी सफलता का मुख्य कारण था (और अभी भी है)। हालाँकि, पिछले कुछ वर्षों में, GIF का उपयोग अन्य प्रौद्योगिकियों (उदाहरण के लिए फ़्लैश) की तुलना में कम और कम लोकप्रिय हो गया है, जो एनीमेशन के लिए अधिक उपयुक्त होते जा रहे हैं।

पारदर्शिता जीआईएफ और पीएनजी की एक प्रमुख विशेषता है और अक्सर यही कारण है कि एक वेब डिजाइनर उपयोग करने के लिए प्रारूप चुनता है। हालाँकि पीएनजी पारदर्शिता के लिए अधिक व्यापक समर्थन प्रदान करता है, वेब डिज़ाइनरों को अक्सर पुराने ब्राउज़रों में फिट होने के लिए छवियों का GIF संस्करण बनाने की आवश्यकता होती है। सीएसएस का उपयोग करके पुराने ब्राउज़रों के लिए जीआईएफ छवियां और उन्हें समझने वाले ब्राउज़रों को उच्च गुणवत्ता वाली पीएनजी छवियां भेजकर यह संभव (और कुछ हद तक मामूली) है। लेकिन एक वेब डिज़ाइनर के लिए यह दोहरा काम है और परिणामस्वरूप, लोग कम से कम प्रतिरोध का मार्ग अपनाते हैं और GIF छवियों का उपयोग करना जारी रखते हैं।

इसलिए, हमने कुछ कारणों पर गौर किया है कि GIF अभी भी इतना लोकप्रिय क्यों है, लेकिन उनमें से अधिकांश अवधारणाओं की गलतफहमी या किसी परिचित स्क्रिप्ट के उपयोग पर आधारित हैं। पीएनजी के कुछ प्रमुख ज्ञान और इसे ब्राउज़रों में कैसे विश्वसनीय रूप से उपयोग किया जा सकता है, इसके साथ आप इसके द्वारा प्रदान किए जाने वाले सभी लाभों का लाभ उठा सकते हैं।

जेपीईजी एक और सर्वव्यापी वेब प्रारूप है और ज्यादातर मामलों में, जैसे फोटोग्राफ (और इसी तरह), यह पीएनजी या जीआईएफ से भी बेहतर है। पीएनजी का उद्देश्य जेपीईजी से प्रतिस्पर्धा करना नहीं है। फ़ोटो के साथ काम करते समय JPEG संपीड़न, PNG की तुलना में काफी छोटी फ़ाइलें उत्पन्न करता है। दूसरी ओर, छवियों के अंदर पाठ, कलात्मक रेखाएं, लोगो, "सपाट" रंग आदि होने पर पीएनजी छोटी फाइलें तैयार करता है।

अब आइए देखें कि वेब डिज़ाइन में पीएनजी का उपयोग कैसे करें। मैंने प्रत्येक उदाहरण के लिए सभी फ़ाइलों को एक अलग फ़ोल्डर में एकत्र किया है, जो ED के मित्रों पर उपलब्ध है।

पिछले कुछ वर्षों में, ढाल - निर्बाध पारगमनदो या दो से अधिक रंगों के बीच का अंतर एक वेब डिज़ाइनर का सबसे अच्छा दोस्त बन गया है। विशेष रूप से लोकप्रिय सूक्ष्म, बमुश्किल दिखाई देने वाले होते हैं धीरे-धीरे भरता है, जो स्पष्ट न होते हुए भी गहराई और बनावट का एहसास पैदा करते हैं।
कभी-कभी ग्रेडिएंट के लिए GIF सबसे अच्छा विकल्प होता है। यदि ग्रेडिएंट एक साधारण दो-रंग संक्रमण है, तो GIF इसमें त्रुटिपूर्ण रूप से काम करता है। हालाँकि, GIF की केवल 256 रंगों तक की सीमा अक्सर अधिक जटिल ढाल संक्रमणों के बीच ध्यान देने योग्य और टेढ़ी-मेढ़ी "बैंडिंग" बनाती है। दूसरी ओर, JPEG, कुछ बहुत साफ-सुथरे ग्रेडिएंट आउटपुट कर सकता है, लेकिन अक्सर बड़े फ़ाइल आकार की कीमत पर। जबकि JPEG ग्रेडिएंट आम तौर पर काफी अच्छे होते हैं, आपको यह याद रखना होगा कि JPEG हानिपूर्ण संपीड़न का उपयोग करता है, जिसका अर्थ है कि परिणामी छवि कभी भी असम्पीडित छवि की गुणवत्ता के अनुरूप नहीं होगी।

प्रश्न में विशिष्ट पृष्ठभूमि ग्रेडिएंट शैली का उपयोग बटन, ब्लॉक या कहीं और के लिए किया जाता है। यह चित्र 5-1 जैसा लग सकता है। ऊपरी बाएँ कोने से दक्षिणावर्त, हम मूल (असंपीड़ित) छवि, GIF संस्करण, PNG संस्करण और JPEG देखते हैं। आप देख सकते हैं कि परिणामी पीएनजी सबसे छोटा आकार (515 बाइट्स) है। यह GIF छवि से चार गुना छोटी है। जेपीईजी 637 बाइट्स पर पीएनजी से थोड़ा बड़ा है और हानिपूर्ण संपीड़न के कारण गुणवत्ता में भी कम है (हालांकि इस सरल उदाहरण में गुणवत्ता में अंतर का पता लगाने के लिए मानव आंख की क्षमता प्रश्न में बनी हुई है)।

चित्र 5-1
फ़ोटोशॉप पैनल - वेब के लिए सहेजें,
विभिन्न प्रारूपों में एक ही छवि के लिए फ़ाइल आकार में अंतर दिखाना

कभी-कभी आपको एक ऐसी छवि बनाने की आवश्यकता होती है जो विभिन्न सबस्ट्रेट्स पर समान रूप से काम करती हो। कुछ सामान्य उदाहरण लोगो और चिह्न हैं. GIFs पारंपरिक रूप से इन स्थितियों पर हावी रहे हैं, लेकिन ऐसे कई कारण हैं जिनकी वजह से PNG अधिक हो सकता है सर्वोत्तम पसंदइस स्थिति में। पीएनजी आमतौर पर लोगो या किसी अन्य सरल "कला" के लिए फ़ाइल आकार में जीतता है। इसके अलावा, पीएनजी की अंतर्निहित पारदर्शिता बनाती है सरल रचनाएकल फ़ाइलें जो किसी भी पृष्ठभूमि के शीर्ष पर काम करती हैं। पीएनजी GIF की तरह बाइनरी पारदर्शिता प्रदान करता है, लेकिन अल्फा चैनल का अधिक वांछनीय विकल्प भी प्रदान करता है, जिसमें पिक्सेल केवल चालू या बंद होने के बजाय आंशिक रूप से पारदर्शी हो सकते हैं। बाद वाले का उपयोग करने से फ़ाइल का आकार बढ़ जाता है, कभी-कभी बाइनरी पारदर्शिता वाले जीआईएफ से भी बड़ा, लेकिन यह आपकी छवि के किनारों पर एंटी-एलियासिंग की अनुमति देता है और इसे पृष्ठभूमि के शीर्ष पर रखने के लिए इसे और अधिक सुरुचिपूर्ण बनाता है।

हालाँकि, मैंने स्टैंसिल प्रतीकों के साथ एक सफेद छवि का उपयोग करके उनकी अवधारणा पर फिर से काम किया। उन्होंने पारदर्शी पृष्ठभूमि पर एक सफेद प्रतीक का उपयोग किया, जो आम तौर पर काफी प्रभावी हो सकता है। इस मामले में, आपका पृष्ठभूमि का रंगसीएसएस प्रतीक के बजाय, प्रतीक के चारों ओर एक वर्गाकार या आयताकार क्षेत्र में दिखाई देगा।

डैन और पीजे दोनों ने पीएनजी के बजाय पारदर्शी जीआईएफ का उपयोग किया। इसने उनकी ज़रूरतों को पूरी तरह से कवर कर दिया, और उन्हें आइकन की शैली से मेल खाने के लिए पिक्सेल छवियां बनानी पड़ीं। पीएनजी का उपयोग करके, आप एक समान तकनीक प्राप्त कर सकते हैं, लेकिन अधिक विस्तृत आइकन में उपयोग के लिए एंटी-अलियासिंग और आंशिक पारदर्शिता के रूप में कुछ फायदे के साथ।

मुझे पता है आप क्या सोच रहे हैं: यह सारी पीएनजी पारदर्शिता अच्छी लगती है, लेकिन क्या यह व्यावहारिक है?

अच्छी खबर यह है कि सभी आधुनिक ब्राउज़र अल्फा चैनल पारदर्शिता सहित पीएनजी छवियों का पूरी तरह से समर्थन करते हैं, जिसके लाभ मैंने उदाहरणों में दिखाए हैं। सफ़ारी (सभी संस्करण), फ़ायरफ़ॉक्स (सभी संस्करण), ओपेरा (संस्करण 6 और ऊपर), नेटस्केप (संस्करण 6 और ऊपर), और मोज़िला (सभी संस्करण) वह सब कुछ करेंगे जो मैं उनसे करने के लिए कहूंगा। लेकिन एक बुरी खबर है - एकमात्र ब्राउज़र जिसका मैंने अभी तक उल्लेख नहीं किया है और जो आपके अधिकांश उपयोगकर्ताओं के पास है: इंटरनेट एक्सप्लोरर।

इंटरनेट एक्सप्लोरर 6 और उससे नीचे का संस्करण पीएनजी प्रारूप में निर्मित अल्फा चैनल पारदर्शिता का समर्थन नहीं करता है। जब से अधिकांश वेब सर्फ़र्स के लिए ब्राउज़र का विकल्प (या गैर-पसंद) बनाया गया है, तब से इस अंतराल ने वेब डिज़ाइनरों को पीएनजी से दूर रखा है। लेकिन इंटरनेट एक्सप्लोरर 7 की रिलीज के साथ हमें पूर्ण अल्फा समर्थन मिला पीएनजी पारदर्शितासभी प्रमुख ब्राउज़रों में. आगे क्या है, क्या इंटरनेट एक्सप्लोरर 6 और उससे नीचे के संस्करणों में पीएनजी अल्फा पारदर्शिता के साथ काम करने का कोई तरीका है? इसलिए, यदि आप इस प्रभाव का उपयोग करना चाहते हैं, तो कोई भी चीज़ आपको रोक नहीं पाएगी। इंटरनेट एक्सप्लोरर 6 और इसके पुराने संस्करणों पर आवश्यकता से अधिक ध्यान देने की आवश्यकता है, लेकिन यह निश्चित रूप से संभव है।

इंटरनेट एक्सप्लोरर विभिन्न देशी फिल्टर के साथ आता है। उनका उपयोग सीएसएस में किया जाता है, लेकिन वे आधिकारिक सीएसएस विनिर्देश का कोई हिस्सा नहीं हैं। दूसरे शब्दों में, वे वेब पर मानकीकृत नहीं हैं। दुर्भाग्य से, इंटरनेट एक्सप्लोरर 6 और उससे नीचे का संस्करण पूरी तरह से पीएनजी प्रारूप का समर्थन नहीं करता है (जो डब्ल्यू3सी द्वारा अनुशंसित है), लेकिन माइक्रोसॉफ्ट के पास एक फिल्टर है जो इस कमी को दूर करता है: अल्फाइमेजलोडर।

Microsoft की आधिकारिक वेबसाइट के एक अनुभाग के अनुसार, AlphaImageLoader "किसी ऑब्जेक्ट की सीमाओं के भीतर और ऑब्जेक्ट की पृष्ठभूमि और उसकी सामग्री के बीच एक छवि प्रदर्शित करता है।" दूसरे शब्दों में, AlphaImageLoader एक PNG छवि को उसकी पूर्ण पारदर्शिता के साथ लोड करता है, लेकिन यह इसे अपनी परत के रूप में लोड करता है, जिसके नीचे उस ऑब्जेक्ट की सामग्री होती है जिस पर इसे लागू किया जाता है। इस तरह से लोड की गई पीएनजी छवियां अग्रभूमि छवियों की तुलना में पृष्ठभूमि छवियों की तरह अधिक कार्य करती हैं (हालांकि वे वास्तव में ऑब्जेक्ट की पृष्ठभूमि के शीर्ष पर "बैठती हैं")।

मूल रूप से, आप आसानी से img तत्वों पर CSS में AlphaImageLoader लागू कर सकते हैं और परिणाम का आनंद ले सकते हैं। छवि को पहले लोड किया जाएगा, पारदर्शिता बनी रहेगी, लेकिन फिर छवि को फिर से लोड किया जाएगा - ऑब्जेक्ट की सामने की सामग्री के रूप में - अपारदर्शी क्षेत्रों के साथ (इस प्रकार आपके पारदर्शी संस्करण को "छाया देना")।

आप पृष्ठभूमि के रूप में पारदर्शी पीएनजी का उपयोग नहीं कर सकते सीएसएस छविएक (X)HTML तत्व के लिए (जैसे कि ) और उम्मीद है कि AlphaImageLoader इंटरनेट एक्सप्लोरर में ठीक से काम करेगा। याद रखें कि AlphaImageLoader आपकी छवि को ऑब्जेक्ट की पृष्ठभूमि और अग्रभूमि के बीच सम्मिलित करता है। इसलिए जब यह आपकी छवि को उसकी पूरी पारदर्शी महिमा में लोड करेगा, तो यह इसे लोड करना भी जारी रखेगा पृष्ठभूमि छविसीएसएस, और आपके अद्भुत पारभासी पिक्सेल के बिना।

आइए पहले के उदाहरणों में से एक पर वापस जाएं और इसे इंटरनेट एक्सप्लोरर में सही ढंग से लोड करने का प्रयास करें। टोपेका में टीवी स्टेशन चैनल 49 याद है? मुझे यकीन है हाँ. चित्र 5-21 दिखाता है कि इंटरनेट एक्सप्लोरर 6 में साइट कैसी दिखती है।

चित्र 5-21
शीर्षक 49abcnews.com, विंडोज़ के लिए इंटरनेट एक्सप्लोरर 6 में पीएनजी पारदर्शिता बरकरार रखते हुए प्रस्तुत किया गया है।

मौसम के शीर्ष भाग का HTML ऐसा लगता है जैसे आपने पहले ही अनुमान लगा लिया होगा:

वर्तमान में टोपेका, केएस में:
82° बादल छाए रहेंगे
पूर्वानुमान और बहुत कुछ प्राप्त करें...

आप एक छवि देखते हैं, और यह निश्चित रूप से एक पीएनजी है; यहां तक ​​कि इंटरनेट एक्सप्लोरर भी इसे त्रुटिपूर्ण ढंग से लोड करता है। इसका गुप्त घटक जावास्क्रिप्ट है। मैंने वास्तव में तुरंत img तत्व को हटाने और इसे एक div तत्व से बदलने के लिए थोड़ी सी DOM स्क्रिप्टिंग का उपयोग किया था - आपने अनुमान लगाया - AlphaImageLoader का उपयोग करता है। सशर्त टिप्पणियों के अंदर जावास्क्रिप्ट का वर्णन किया गया है, यह इंटरनेट एक्सप्लोरर में निर्मित माइक्रोसॉफ्ट का एक और उपयोगी लेकिन पूरी तरह से गैर-मानकीकृत मुहावरा है। सशर्त टिप्पणियाँ आपको केवल इंटरनेट एक्सप्लोरर के ज्ञात संस्करण के लिए कोड का उपयोग करने की अनुमति देती हैं। कोड को अन्य सभी ब्राउज़रों द्वारा अनदेखा कर दिया जाता है, इसलिए यह उन पर किसी भी तरह से प्रभाव नहीं डालता है। साइट तत्व www.49abcnews.com में, आप पाएंगे:

पहली पंक्ति के लिए धन्यवाद, यदि एलटीई IE6, यह स्क्रिप्ट केवल रेंडर किए गए दस्तावेज़ में शामिल की जाएगी यदि इसे इंटरनेट एक्सप्लोरर के संस्करण में इससे कम या उसके बराबर दिखाया गया है (यह एलटीई द्वारा इंगित किया गया है) 6. सहित अन्य सभी ब्राउज़र नया आया इंटरनेट एक्सप्लोरर 7, इसे पूरी तरह से नजरअंदाज कर देगा।

तो, जावास्क्रिप्ट फिक्सवेदरपीएनजी.जेएस फ़ाइल में क्या है? चलो एक नज़र मारें:

विंडो.अटैचइवेंट('ऑनलोड', फिक्सवेदरपीएनजी); फ़ंक्शन फिक्सवेदरपीएनजी() ( var img = document.getElementById("weatherImage"); var src = img.src; img.style.visibility = "hidden"; var div = document.createElement("DIV"); div.style. फ़िल्टर = "progid:DXImageTransform.Microsoft. AlphaImageLoader(+ src + "", साइज़िंग = "स्केल"); कुछ 49abcnews.com-विशिष्ट सीएसएस स्टाइल को संक्षिप्तता के लिए छोड़ दिया गया है। img.replaceNode(div); )

आइए चरण दर चरण विश्लेषण करें कि स्क्रिप्ट क्या करती है। सबसे पहले, हम ब्राउज़र को बताते हैं कि पेज लोड होने पर हम फिक्सवेदरपीएनजी फ़ंक्शन निष्पादित करना चाहते हैं। स्क्रिप्ट का बाकी भाग स्वयं फ़ंक्शन है।

आइए शुरू करें, सबसे पहले हम उस छवि की तलाश करते हैं जिसके साथ हम उसकी आईडी विशेषता द्वारा काम करेंगे और इसे आईएमजी वेरिएबल में सहेजेंगे। हम src विशेषता (छवि फ़ाइल में URL) को src वेरिएबल में सहेजते हैं। फिर हम img एलिमेंट को एक्सपोज़ करके छुपाते हैं सीएसएस संपत्तिछुपी हुई दृश्यता.

परिणामस्वरूप, हम मूल img तत्व (जो छिपा हुआ है) को एक नए बनाए गए div तत्व से बदल देते हैं, जिससे AlphaImageLoader सफलतापूर्वक जुड़ा हुआ है।

अपने AlphaImageLoader को सम्मिलित करने के लिए DOM स्क्रिप्टिंग का उपयोग करना - तुरंत बिट्स को फ़िल्टर करना - इसका बदसूरत लेकिन आवश्यक नकारात्मक पहलू है - गलत CSS। इसके अलावा, आपके (X)HTML मार्कअप के बाहर गैर-सिमेंटिक div तत्व होंगे। और जब तक यह सब सशर्त टिप्पणियों के अंदर वर्णित है, तब तक अन्य ब्राउज़रों के लिए Microsoft के कोड द्वारा दूषित होने की कोई संभावना नहीं है। (हैंडीब्लॉगर: यहां जेफ सूक्ष्मता से माइक्रोसॉफ्ट के "अनाड़ी" समाधान को इंगित करने का प्रयास कर रहे हैं)

अगर आपको कुछ गलत करना है तो कम से कम आप उसे निकाल कर बाकी सभी चीजों से अलग रख सकते हैं जहां उसकी जरूरत नहीं है.

पीएनजी की तरह ग्राफ़िक प्रारूप, बहुत कुछ प्रदान करता है तकनीकी लाभजीआईएफ में आमतौर पर उपयोग किए जाने वाले से परे। वास्तव में, फायदे इतने महान हैं कि पीएनजी बहुत पहले ही गैर-फोटो ग्राफिक्स प्रारूप के रूप में एक प्रमुख स्थान प्राप्त कर सकता था। पीएनजी की कुछ अधिक महत्वपूर्ण विशेषताओं, जैसे अल्फा चैनल पारदर्शिता, के लिए इंटरनेट एक्सप्लोरर के समर्थन की कमी ने कई वेब डेवलपर्स को रोक दिया है। लेकिन दो बहुत अच्छे कारण हैं कि आपको पीएनजी से क्यों नहीं डरना चाहिए।

पहला: यहां तक ​​कि इंटरनेट एक्सप्लोरर 6 और इसके पुराने संस्करण भी लगभग पूरी तरह से पीएनजी का समर्थन करते हैं जिस तरह से जीआईएफ कर सकता है (निश्चित रूप से एनीमेशन के अपवाद के साथ)। पीएनजी लगभग हमेशा छोटी फाइलें तैयार करता है, जिससे उन्हें तेजी से लोड करने और कम संसाधनों का उपयोग करने की अनुमति मिलती है।

दूसरा: इंटरनेट एक्सप्लोरर 7 पीएनजी अल्फा पारदर्शिता के लिए पूर्ण समर्थन प्रदान करता है। पारभासी विकल्पों की पूरी श्रृंखला के साथ जो प्रभाव प्राप्त किए जा सकते हैं वे वस्तुतः असीमित हैं। मैं उम्मीद करता हूं कि ऐसे डिजाइनरों के लिए जो इस आलेख में वर्णित पीएनजी पारदर्शिता का उपयोग करने के दिलचस्प तरीके ढूंढते हैं, उन शैलियों के एक नए स्तर के लिए दरवाजा खोला जाएगा जो पहले कभी नहीं देखी गईं। मैंने आपको कुछ उपयोगी विचार दिए हैं कि आप पीएनजी पारदर्शिता के साथ क्या बना सकते हैं, लेकिन यहीं मत रुकिए। अपने आप के लिए देखो!

कैमरून एडम्स, मार्क बोल्टन, एंडी क्लार्क, साइमन कॉलिसन, जेफ क्रॉफ्ट, एथन मार्कोटे, डेरेक फेदरस्टोन, इयान लॉयड, डैन रुबिन और रॉब वीचर्ट द्वारा वेब स्टैंडर्ड्स क्रिएटिविटी से उद्धृत; ईडी के मित्रों द्वारा प्रकाशित। कॉपीराइट जेफ़ क्रॉफ्ट 2007। एप्रेस, इंक. की अनुमति से प्रयुक्त।

पीएनजी छवि प्रारूप सबसे लोकप्रिय में से एक है और उपयोगकर्ताओं को उनकी गुणवत्ता खोए बिना संपीड़ित छवियों को संग्रहीत करने की पेशकश करता है। PNG का सबसे ज्यादा उपयोग ग्राफ़िक्स को एडिट करने या इंटरनेट पर किया जाता है। आगे, हम कई सरल तरीकों पर गौर करेंगे जिनके द्वारा आप अपने कंप्यूटर पर इस प्रारूप की फ़ाइल खोल सकते हैं।

देखने और संपादन के लिए पीएनजी फ़ाइलें खोलने की कई अलग-अलग विधियाँ हैं। आपको बस नीचे दिए गए निर्देशों का पालन करना होगा और छवि को खोलना मुश्किल नहीं होगा।

इंटरनेट पर छवियों को देखने और संपादित करने के लिए कई ग्राफिक संपादक और विशेष सॉफ़्टवेयर हैं। वे उपयोगकर्ताओं को बड़ी संख्या में फ़ंक्शन और टूल प्रदान करते हैं, जो चित्रों के साथ काम करने की प्रक्रिया को यथासंभव आरामदायक बनाता है। आइए एक उदाहरण के रूप में GIMP प्रोग्राम का उपयोग करके PNG छवि खोलने की प्रक्रिया को देखें:

यदि किसी कारण से GIMP आपके लिए उपयुक्त नहीं है, तो हमारा सुझाव है कि आप इससे परिचित हो जाएं पूरी सूचीनीचे दिए गए लिंक पर हमारे लेख में छवियां देखने के लिए कार्यक्रम। आपको वहां निश्चित रूप से कुछ उपयुक्त मिलेगा।

ऐसे मामलों में जहां विभिन्न जोड़तोड़ करना आवश्यक है छवि खोलें, उन्नत कार्यक्षमता और बड़ी संख्या में विभिन्न टूल वाले विशेष ग्राफिक संपादकों का लाभ उठाएं। आप नीचे दिए गए लिंक पर हमारे लेख में उनके बारे में अधिक जानकारी प्राप्त कर सकते हैं।

विंडोज़ ऑपरेटिंग सिस्टम के सभी संस्करणों में एक अंतर्निहित छवि दर्शक होता है। इसका उपयोग पीएनजी फ़ाइलें खोलने के लिए भी किया जा सकता है। आइए इस प्रक्रिया पर करीब से नज़र डालें:

यदि आपको सभी पीएनजी छवियों को एक मानक व्यूअर के माध्यम से खोलने की आवश्यकता है विंडोज़ तस्वीरें, इन चरणों का पालन करें:

अब डिफ़ॉल्ट रूप से सभी पीएनजी फ़ाइलें खोली जाएंगी मानक साधनतस्वीरें देखना. प्रोग्राम को खोलने के लिए बदलने के लिए, एक अलग सॉफ़्टवेयर का चयन करते हुए, बस समान चरणों का पालन करें।

इस लेख में हमने विस्तार से देखा सरल तरीकेपीएनजी प्रारूप में छवियां खोलना। जैसा कि आप देख सकते हैं, में यह प्रोसेसइसमें कुछ भी जटिल नहीं है, और सब कुछ बस कुछ ही चरणों में हो जाता है।

पीएनजी फ़ाइल पोर्टेबल नेटवर्क ग्राफ़िक प्रारूप में सहेजी गई एक रेखापुंज छवि है। प्रत्येक पीएनजी छवि में एक पैलेट होता है - प्रयुक्त रंगों का एक सेट। फ़ाइल आकार को कम करने के लिए, डिफ्लेट एल्गोरिदम का उपयोग करके दोषरहित संपीड़न का उपयोग किया जाता है। मुख्य रूप से इंटरनेट पर वेब पेजों के लिए छवियों के रूप में उपयोग किया जाता है। यह प्रारूप GIF को बदलने के लिए विकसित किया गया था, जिसमें इसकी कमियों के अलावा, 2004 तक मुफ्त सॉफ्टवेयर में उपयोग पर प्रतिबंध था। नये पीएनजी प्रारूप ने इन समस्याओं का समाधान कर दिया। विशेष रूप से, यह 8-बिट अल्फा चैनल के लिए समर्थन और 48 बिट तक रंग की गहराई के लिए समर्थन लागू करता है। जबकि जीआईएफ प्रारूप में केवल पूर्ण पारदर्शिता संभव है और रंग पैलेट केवल 256 रंगों (8 बिट्स) तक सीमित है। हालाँकि, अपने पूर्ववर्ती के विपरीत, यह प्रारूप एनीमेशन का समर्थन नहीं करता है। इस उद्देश्य के लिए, एक और MNG प्रारूप बनाया गया था. पीएनजी फ़ाइलों में सीएमवाईके पैलेट का उपयोग करना भी असंभव है, क्योंकि यह प्रारूप ग्राफिक्स के साथ पेशेवर काम के लिए नहीं है। पीएनजी फ़ाइलें किसी भी ब्राउज़र और लगभग किसी भी छवि देखने और संपादन प्रोग्राम में खोली जा सकती हैं। में विंडोज़ फ़ाइलपीएनजी एक्सटेंशन के साथ माउस को डबल क्लिक करके खोला जा सकता है।

फ़ाइल एक्सटेंशन .png एक PNG छवि का प्रतिनिधित्व करता है। पीएनजी प्रारूप में रेखापुंज छवि को देखना और संसाधित करना संभव है निम्नलिखित कार्यक्रम: माइक्रोसॉफ़्ट विंडोज़तस्वीरें, माइक्रोसॉफ्ट विंडोज फोटो व्यूअर, माइक्रोसॉफ्ट पेंट, एडोब फोटोशॉपसी.सी. साथ ही, सूचीबद्ध प्रोग्राम इस प्रारूप की छवियों, चित्रों और रेखाचित्रों को परिवर्तित कर सकते हैं।

एक पीएनजी फ़ाइल को विशेष कार्यक्रमों के साथ खोला जा सकता है। को खोलने के लिए यह प्रारूप, प्रस्तावित कार्यक्रमों में से एक डाउनलोड करें।

पीएनजी एक्सटेंशन एक फ़ाइल स्वरूप है जिसका उपयोग गुणवत्ता की हानि के बिना छवियों को संग्रहीत करने के लिए किया जाता है। यह इंटरनेट पर सबसे लोकप्रिय फोटो प्रारूप है, जिसे विशेष रूप से वेब पर उपयोग के लिए डिज़ाइन किया गया है।

पीएनजी फ़ाइल एक्सटेंशन वाली फ़ाइल एक फ़ाइल है पोर्टेबल नेटवर्क ग्राफ़िक्स. प्रारूप दोषरहित संपीड़न का उपयोग करता है और आमतौर पर इसे GIF का विकल्प माना जाता है। लेकिन GIF के विपरीत, PNG फ़ाइलें एनीमेशन का समर्थन नहीं करती हैं।

पीएनजी प्रारूप में ग्रेस्केल और पूर्ण-रंगीन दोनों तस्वीरें हैं, और पारदर्शी परतें समर्थित हैं। पीएनजी संपीड़न आमतौर पर जीआईएफ में उपयोग किए जाने वाले संपीड़न से बेहतर होता है। जेपीजी कभी-कभी पीएनजी से बेहतर होता है, लेकिन संपीड़न पाठ या उच्च-विपरीत क्षेत्रों के आसपास छवियों में कलाकृतियों का कारण बन सकता है।

पीएनजी फ़ाइलें खोलने के लिए आप किसी भी इंटरनेट ब्राउज़र या ग्राफ़िक्स संपादक का उपयोग कर सकते हैं। विंडोज़ और मैक ओएस दोनों प्लेटफार्मों में ऐसी छवियों को देखने के लिए अंतर्निहित तंत्र हैं।

पीएनजी - विंडोज डिफॉल्ट फोटो व्यूअर का उपयोग अक्सर पीएनजी फाइलें खोलने के लिए किया जाता है क्योंकि यह सिस्टम प्रोग्रामखिड़कियाँ। लेकिन उन्हें देखने के कई अन्य तरीके भी हैं।

सभी ब्राउज़र (जैसे क्रोम, फ़ायरफ़ॉक्स, इंटरनेट एक्सप्लोरर इत्यादि) स्वचालित रूप से इंटरनेट पर आपके द्वारा खोली गई पीएनजी फ़ाइलों को देखेंगे, जिसका अर्थ है कि आपको प्रत्येक पीएनजी फ़ाइल को अपने कंप्यूटर पर डाउनलोड करने की ज़रूरत नहीं है जिसे आप देखना चाहते हैं। आप Ctrl + O कुंजी संयोजन का उपयोग करके अपने कंप्यूटर पर पहले से मौजूद पीएनजी फ़ाइलों को खोलने के लिए अपने ब्राउज़र का उपयोग कर सकते हैं। इनमें से अधिकांश प्रोग्राम ड्रैग-एंड-ड्रॉप का भी समर्थन करते हैं, इसलिए आप इसे खोलने के लिए पीएनजी फ़ाइल को ब्राउज़र में खींच सकते हैं .

ऐसी छवियों को खोलने के लिए कई ऑफ़लाइन विकल्प भी हैं - ये विशेष हैं ग्राफ़िक संपादक. कुछ लोकप्रिय हैं एक्सएनव्यू, इरफानव्यू, फास्टस्टोन इमेज व्यूअर, गूगल ड्राइव, आई ऑफ गनोम और जीथंब। पीएनजी फ़ाइलों को संपादित करने के लिए, आप लगभग किसी भी सूचीबद्ध प्रोग्राम, पेंट और पेंट.नेट एप्लिकेशन, लोकप्रिय जीआईएमपी उपयोगिता, साथ ही प्रसिद्ध एडोब फोटोशॉप का उपयोग कर सकते हैं।

छवि फ़ाइलें परिवर्तित की जा सकती हैं विभिन्न तरीके, उदाहरण के लिए, विभिन्न प्रोग्रामों का उपयोग करके पीएनजी में कनवर्ट करें ऑनलाइन सेवाओं. उदाहरण के लिए, यह पीएनजी संपादक - फोटो कनवर्टर द्वारा किया जा सकता है।

एक छवि फ़ाइल जो पोर्टेबल नेटवर्क ग्राफ़िक (पीएनजी) प्रारूप में संग्रहीत है। इसमें रंगों का एक बिटमैप शामिल है और .GIF फ़ाइल के समान दोषरहित संपीड़न का उपयोग करता है, लेकिन प्रतिलिपि प्रतिबंध के बिना। आमतौर पर वेब छवि ग्राफ़िक्स को संग्रहीत करने के लिए उपयोग किया जाता है।

पीएनजी प्रारूप (पीएनजी के रूप में पढ़ें) जीआईएफ प्रारूप की सीमाओं के जवाब में बनाया गया था, मुख्य रूप से रंग समर्थन बढ़ाने और पेटेंट-मुक्त छवि प्रारूप प्रदान करने के लिए। इसके अलावा, जबकि जीआईएफ फाइलें केवल अपारदर्शी या पूरी तरह से पारदर्शी पिक्सल का समर्थन करती हैं, पीएनजी छवियों में 8-बिट पारदर्शिता चैनल शामिल हो सकता है जो रंगों को अपारदर्शी से पारदर्शी में बदलने की अनुमति देता है।

पीएनजी छवियों को जीआईएफ छवियों की तरह एनिमेटेड नहीं किया जा सकता है। लेकिन संबद्ध .MNG प्रारूप को एनिमेटेड किया जा सकता है। पीएनजी छवियां सीएमवाईके का समर्थन नहीं करती हैं क्योंकि वे पेशेवर ग्राफिक्स उपयोग के लिए अभिप्रेत नहीं हैं। पीएनजी छवियाँ अधिकांश वेब ब्राउज़र द्वारा समर्थित हैं।

Mac OS उबंटू लिनक्सयह मुद्रित स्क्रीनशॉट को पीएनजी प्रारूप में भी संग्रहीत करता है।

माइम प्रकार: छवि/पीएनजी

पीएनजी प्रारूप के लिए प्रोग्राम डाउनलोड करें

इस लेख में मैं फ़ोटोशॉप की एक बहुत ही अप्रिय विशेषता के बारे में बात करना चाहता हूं, जो सहेजते समय दिखाई देती है पारदर्शी छवियाँपीएनजी24 में। आइए मूल छवि लें और कुछ अंश को PNG24 में कॉपी करें। मैंने इसे इस तरह से किया: पॉलीगोनल लैस्सो टूल का उपयोग करके, मैंने एक टुकड़ा चुना, कॉपी किया और इसे एक नए दस्तावेज़ में चिपकाया, और फिर वेब के लिए सेव का उपयोग करके इसे सहेजा:

पीएनजी24, 456 केबी

जैसा कि हमने भाग 1 में पाया, पीएनजी24 में एक छवि अनिवार्य रूप से दो परतों से बनी होती है: एक आरजीबी परत जिसमें प्रत्येक पिक्सेल के रंग के बारे में जानकारी होती है, और एक अल्फा चैनल जिसमें उनकी पारदर्शिता के बारे में जानकारी होती है।

यह मानना ​​तर्कसंगत है कि पूरी तरह से पारदर्शी क्षेत्रों में छवि को प्रभावी ढंग से पैक करने के लिए कोई एक रंग होना चाहिए। हालाँकि, फ़ोटोशॉप ने इसे RGB परत में सहेजा है (मैंने इसे सीशोर संपादक के माध्यम से देखा):

और नग्न आंखें देख सकती हैं कि बिल्कुल अनावश्यक जानकारी के बड़े टुकड़े बचे हैं:

यदि आप अन्य संपादकों का उपयोग नहीं करना चाहते हैं (उदाहरण के लिए, मैंने एडोब फायरवर्क्स में ऐसी कोई कमी नहीं देखी है), तो मैं फ़ोटोशॉप में इस दोष को खत्म करने का एक आसान तरीका सुझाता हूं। हमारा काम पूरी तरह से पारदर्शी क्षेत्रों में सभी सूचनाओं को किसी एक रंग (अधिमानतः काले रंग) से बदलना है, ताकि संदेह न हो कि इन क्षेत्रों में बाइट्स में सबसे कम वजन होगा।

1. फ़ोटोशॉप में उदाहरण खोलें और परत पर छवि का चयन करें: लेयर्स पैलेट में छोटी परत छवि पर Ctrl+क्लिक करें।

2. आइए त्वरित मास्क मोड (क्यू कुंजी) पर स्विच करें।

3. इमेज → एडजस्टमेंट → थ्रेशोल्ड का उपयोग करके, केवल उन मास्क पिक्सल को छोड़ें जिनका रंग काला था। ऐसा करने के लिए, स्लाइडर को सबसे बाईं ओर खींचें।

4. त्वरित मास्क मोड (क्यू कुंजी) से बाहर निकलें और चयन को उल्टा करें (चयन → उलटा या Ctrl+Shift+I)। केवल पूर्णतः पारदर्शी पिक्सेल ही चयनित रहते हैं।

5. चयनित क्षेत्र को काले रंग से भरें (कई तरीके हैं, उदाहरण के लिए, संपादन → भरें के माध्यम से)।

6. चयन को फिर से उल्टा करें और परत पर एक मास्क जोड़ें (परतों पैलेट में आइकन)।

7. अब हम वेब के लिए सेव करते हैं और देखते हैं कि कैसे छवि चमत्कारिक रूप से 122 केबी तक "पतली" हो जाती है।

मैं एक बार फिर दोहराता हूं कि सभी क्रियाएं बहुत आसानी से क्रियाओं में दर्ज की जाती हैं, जिसके बाद उन्हें एक कीस्ट्रोक के साथ निष्पादित किया जाता है।

करने के लिए जारी।

विभिन्न सेमिनारों और स्टूडियो में अपने सहयोगियों के साथ बातचीत करते हुए, मैं इस निष्कर्ष पर पहुंचा कि कई लोगों के लिए पीएनजी प्रारूप का एकमात्र लाभ ईमानदार पारदर्शिता की उपस्थिति है। यदि आप इस प्रारूप के बारे में जानकारी के लिए इंटरनेट पर खोज करते हैं, तो यह नोटिस करना आसान है कि वेब डेवलपर्स दो शिविरों में विभाजित हैं। पहला इस बारे में लिखता है कि यह प्रारूप कितना अद्भुत है, विशुद्ध रूप से तकनीकी डेटा का उपयोग करना जो सामान्य कोडर और डिजाइनरों के लिए समझ से बाहर है (उदाहरण के लिए, एलजेडडब्ल्यू पर डिफ्लेट संपीड़न एल्गोरिदम की श्रेष्ठता के बारे में), जबकि अन्य बेकारता के बारे में अलग-अलग डिग्री की मूर्खता की टिप्पणियां छोड़ते हैं। पीएनजी, विनिर्देश में वर्णित चीजों के सार में जाने की जहमत उठाए बिना।

आइए यह जानने का प्रयास करें कि वेब के लिए चित्र तैयार करते समय उनका उपयोग कैसे करें यह सीखने के लिए यह प्रारूप क्या लाभ प्रदान करता है।

आइए शब्दावली से शुरू करें। मेरा मानना ​​है कि अधिकांश पाठक फ़ोटोशॉप का उपयोग करते हैं और उन्होंने PNG-8 और PNG-24 नाम देखे हैं। ये दो अलग-अलग प्रारूप नहीं हैं, बल्कि एक ही पीएनजी के भिन्न रूप हैं। प्रारूप आपको तीन प्रकार की छवियों को संग्रहीत करने की अनुमति देता है: ग्रेस्केल (छवि का वर्णन करने के लिए एक चैनल का उपयोग किया जाता है - सफेद), अनुक्रमित-रंग (जीआईएफ की तरह एक रंग पैलेट का उपयोग किया जाता है) और ट्रू कलर (तीन चैनलों का उपयोग किया जाता है - आरजीबी)।

पीएनजी प्रारूप का सबसे महत्वपूर्ण लाभ, निश्चित रूप से, नए संपीड़न एल्गोरिदम हैं। सभी को याद है कि GIF प्रभावी रूप से केवल एक ही रंग के क्षैतिज क्षेत्रों को संपीड़ित करता है? अब आप इस सीमा के बारे में भूल सकते हैं:

दूसरा महत्वपूर्ण लाभ लाइन फ़िल्टरिंग (स्कैनलाइन फ़िल्टरिंग, या डेल्टा फ़िल्टर) है, जिसकी बदौलत पीएनजी पैकर संपीड़न के लिए अधिक सुविधाजनक डेटा प्राप्त कर सकता है।

आइए एक उदाहरण देखें कि वे कैसे काम करते हैं। आइए एक क्षैतिज ग्रेडिएंट और आरेख के साथ 5x5 पिक्सेल छवि लें कि इसे फ़ाइल में कैसे सहेजा जा सकता है (प्रत्येक संख्या एक अद्वितीय रंग है)।

जैसा कि आप उदाहरण से देख सकते हैं, एक जीआईएफ एनकोडर उन स्ट्रिंग्स को संपीड़ित करेगा जो क्षैतिज रूप से अच्छी तरह से पैक नहीं होती हैं (क्योंकि वही रंग लंबवत रूप से फैलते हैं)। यहां बताया गया है कि एक पीएनजी एनकोडर इस डेटा को कैसे परिवर्तित कर सकता है:

प्रत्येक पंक्ति से पहले नंबर 2 दिखाई देता है। यह वह फ़िल्टर है जिसे लाइन पर लागू किया गया था। इस मामले में, यह अप फ़िल्टर है, जो डिकोडर को बताता है: "वर्तमान पिक्सेल के लिए, उपरोक्त पिक्सेल का मान लें और इसमें वर्तमान मान जोड़ें।" हमारे मामले में यह 0 है, क्योंकि वर्तमान और शीर्ष पिक्सेल के रंग भिन्न नहीं हैं। और यदि हमारे पास पर्याप्त बड़ी छवि हो तो यह डेटा अधिक कुशलता से पैक किया जा सकता है।

मैंने क्यों लिखा शायद? क्योंकि हमारे आदर्श मामले में, निम्नलिखित योजना अधिक प्रभावी होगी:

यहां फ़िल्टर 1 लागू किया गया है, जिसे सब कहा जाता है, जो डिकोडर को बताता है: "पिक्सेल का मान वर्तमान के बाईं ओर लें और इसमें वर्तमान मान जोड़ें।" इस मामले में 1.

फ़िल्टर करने के बाद, सभी स्ट्रिंग्स (फ़िल्टर मानों के साथ) को एक अनुक्रम में जोड़ दिया जाता है, जिसे फिर डिफ्लेट एल्गोरिदम का उपयोग करके संपीड़ित किया जाता है (उनकी चर्चा इस आलेख के दायरे से परे है)।

आइए फ़िल्टर जांचें:

एक चौकस पाठक देख सकता है कि फ़िल्टर पूरी फ़ाइल पर नहीं, बल्कि पंक्तियों पर लागू होते हैं।

यह मतलब है कि प्रत्येकस्ट्रिंग हो सकती है मेराफ़िल्टर. यह पता चला है कि एक छवि को फ़िल्टर करने के लिए 5 छवि ऊँचाई हो सकती हैं। सामान्य तौर पर, एक अच्छे एनकोडर का कार्य ऐसे फ़िल्टर मानों का चयन करना होता है जिन पर फ़ाइल का आकार न्यूनतम होगा। दुर्भाग्य से, फ़ोटोशॉप हमेशा अपना काम अच्छी तरह से नहीं करता है, इसलिए OptiPNG और PNGCrush जैसी विभिन्न उपयोगिताएँ बचाव में आती हैं, जो बड़ी संख्या में पास में विभिन्न फ़िल्टरिंग विधियों और डेटा संपीड़न रणनीतियों का चयन करती हैं, जिससे कुछ जटिल छवियों की मात्रा काफी कम हो जाती है। हालाँकि, यह याद रखने योग्य है कि ये प्रोग्राम प्रत्येक फ़ाइल के आकार में कमी की गारंटी नहीं देते हैं, वे बस खोजने का प्रयास करते हैं सबसे अच्छा तरीकाडेटा एन्कोडिंग.

फ़ोटोशॉप का एक और दर्दनाक झटका यह है कि यह नहीं जानता कि छवियों को ग्रेस्केल मोड में कैसे सहेजा जाए, यानी यह नहीं जानता कि रंग की गहराई को कैसे कम किया जाए। यहां हम फिर से उपर्युक्त उपयोगिताओं से बच जाएंगे, जो यदि संभव हो तो, तस्वीर की गुणवत्ता से समझौता किए बिना रंग की गहराई को कम कर देते हैं।

ट्रू कलर की तुलना में ग्रेस्केल के फायदे स्पष्ट हैं: उदाहरण के लिए, पहले मामले में सफेद को (दशमलव प्रणाली में) संख्या 255 के रूप में लिखा जाता है, और दूसरे में - 16777215।

अब, पीएनजी प्रारूप में डेटा संग्रहीत करने के बारे में ज्ञान से लैस, हम इसका उपयोग वेब के लिए छवियां तैयार करने में कर सकते हैं। निम्नलिखित लेखों में इस पर और अधिक जानकारी।

आप यहां इसलिए हैं क्योंकि आपके पास एक फ़ाइल है जिसका फ़ाइल एक्सटेंशन .png में समाप्त होता है। फ़ाइल एक्सटेंशन .png वाली फ़ाइलें केवल कुछ अनुप्रयोगों द्वारा लॉन्च की जा सकती हैं। यह संभव है कि .png फ़ाइलें दस्तावेज़ या मीडिया के बजाय डेटा फ़ाइलें हैं , जिसका अर्थ है कि वे बिल्कुल भी देखने के लिए नहीं हैं।

पीएनजी फाइलें संपीड़ित रेखापुंज छवि फाइलें हैं जो आमतौर पर अन्य वेब ग्राफिक्स के बीच एक वेबसाइट में पाए जाने वाले दृश्य तत्वों के लिए लागू की जाती हैं। इन .png फ़ाइलों की छवि सामग्री में बिटमैप छवियों द्वारा एकीकृत सूचकांक रंग शामिल हैं, और दोषरहित डिजिटल छवि संपीड़न और एन्कोडिंग विनिर्देश जो इन .png फ़ाइलों में लागू किए गए हैं, GIF फ़ाइलों में एकीकृत संपीड़न मानकों के समान हैं। पोर्टेबल नेटवर्क ग्राफिक्स के रूप में भी जाना जाता है, पीएनजी प्रारूप को रंग समर्थन और पेटेंट लाइसेंसिंग के संदर्भ में जीआईएफ छवियों की सीमाओं को उठाने के लिए विकसित किया गया था। 8-बिट समर्थन लागू करने के लिए इन पीएनजी फ़ाइलों के पारदर्शिता चैनल में सुधार किया गया है। इन PNG फ़ाइलों में CMYK समर्थन उपलब्ध नहीं है.

एक .png फ़ाइल, या अपने पीसी पर किसी अन्य फ़ाइल को डबल-क्लिक करके लॉन्च करें। यदि आपकी फ़ाइल एसोसिएशन सही ढंग से सेट की गई है, तो जो एप्लिकेशन आपकी .png फ़ाइल को खोलने के लिए है, वह इसे खोल देगा। यह संभव है कि आपको सही एप्लिकेशन डाउनलोड करने या खरीदने की आवश्यकता हो सकती है। यह भी संभव है कि आपके पीसी पर सही एप्लिकेशन हो, लेकिन .png फ़ाइलें अभी तक इसके साथ संबद्ध नहीं हैं। इस मामले में, जब आप एक .png फ़ाइल खोलने का प्रयास करते हैं, तो आप विंडोज़ को बता सकते हैं कि उस फ़ाइल के लिए कौन सा एप्लिकेशन सही है। तब से, .png फ़ाइल खोलने से सही एप्लिकेशन खुल जाएगा।

मैक के लिए Adobe Photoshop CS6

एसीडी सिस्टम कैनवास 14

एसीडी सिस्टम एसीडीएसई 15

एक पीएनजी (पोर्टेबल नेटवर्क ग्राफ़िक) फ़ाइल रेखापुंज छवियों को संदर्भित करती है। पीएनजी प्रारूप में ड्राइंग में उपयोग किए गए रंगों का एक विशिष्ट पैलेट होता है। विभिन्न छवियों के साथ वेब पेज प्रदान करते समय वर्ल्ड वाइड वेब पर इस ग्राफिक प्रारूप का अक्सर उपयोग किया जाता है। डिफ्लेट कम्प्रेशन एल्गोरिदम के उपयोग के लिए धन्यवाद, रेखापुंज छवियाँपीएनजी फ़ाइल एक्सटेंशन वाले, गुणवत्ता की स्पष्ट हानि के बिना संपीड़न के लिए उपलब्ध हैं।

हमने GIF प्रारूप को बदलने के लिए इस फ़ाइल प्रारूप को विकसित किया है, क्योंकि बाद वाले को लंबे समय तक भुगतान की आवश्यकता होती है सॉफ़्टवेयर. वेब संसाधनों के मालिकों के बीच, पीएनजी छवियां समान प्रारूपों की तुलना में अपनी उत्कृष्ट विशेषताओं के लिए प्रसिद्ध हैं। पीएनजी 48 बिट तक रंग की गहराई का समर्थन करता है। GIF के बीच मुख्य अंतर यह है कि ऐसी ग्राफ़िक फ़ाइल केवल 8 बिट्स (कुल 256 रंग) तक सीमित होती है। आपको पता होना चाहिए कि, GIF के विपरीत, PNG एनीमेशन प्रभावों का समर्थन नहीं करता है।

आप वस्तुतः किसी भी देखने वाले प्रोग्राम का उपयोग करके पीएनजी एक्सटेंशन वाली फ़ाइल खोल सकते हैं। ऑपरेटिंग रूम में विंडोज़ सिस्टम, छवियों को देखने के लिए केवल माउस पर डबल-क्लिक करके पीएनजी खोलना संभव है। यह छवि प्रारूप किसी भी वेब ब्राउज़र में चलता है। यदि उपयोगकर्ता को पीएनजी संस्करण में सहेजी गई छवि को बदलने की आवश्यकता है, तो एडोब फोटोशॉप या माइक्रोसॉफ्ट विंडोज फोटो, साथ ही कोरल पेंटशॉप या एसीडी सिस्टम जैसी छवि संपादन उपयोगिताओं का उपयोग करना पर्याप्त है।

यह फ़ाइल एक्सटेंशन बहुत लोकप्रिय है और अच्छी गुणवत्ता की पूर्ण-रंगीन छवियों के लिए सभी आवश्यक ग्राफ़िक जानकारी प्रदान करता है।