PNG क्या है? लॉसलेस कंप्रेशन और पारदर्शिता

PNG (Portable Network Graphics) एक इमेज फ़ॉर्मैट है, जो तस्वीरों को बिना कोई विवरण खोए सहेजता है और पूरी पारदर्शिता सपोर्ट करता है। यह स्क्रीनशॉट, लोगो, आइकन और इंटरफ़ेस ग्राफ़िक्स का मानक बन चुका है। यह लेख बताता है कि PNG क्यों बनाया गया, इसका कंप्रेशन कैसे काम करता है, यह कभी-कभी बहुत बड़ी फ़ाइलें क्यों बनाता है, और PNG इमेज कन्वर्ट करने के व्यावहारिक टिप्स क्या हैं।

PNG का जन्म: GIF और LZW पेटेंट

1990 के दशक की शुरुआत में वेब पर ज़्यादातर ग्राफ़िक्स GIF थे, और GIF, LZW कंप्रेशन एल्गोरिदम इस्तेमाल करता था, जिसका पेटेंट Unisys के पास था। Greg Roelofs के लिखे इस फ़ॉर्मैट के इतिहास के अनुसार CompuServe और Unisys के बीच लाइसेंस समझौते की घोषणा 28 दिसंबर 1994 को चुपचाप की गई, जिससे GIF फ़ाइलें लिखने वाले सॉफ़्टवेयर पर लाइसेंस फ़ीस की आशंका खड़ी हो गई। Usenet पर आई प्रतिक्रिया के बाद Thomas Boutell ने 4 जनवरी 1995 को एक पेटेंट-मुक्त फ़ॉर्मैट का पहला मसौदा पोस्ट किया, जिसे तब "PBF" कहा गया। "PNG" नाम 6 जनवरी को सुझाया गया और 23 जनवरी 1995 को Draft 5 में अपनाया गया। स्पेसिफ़िकेशन 7 मार्च 1995 को Draft 9 के साथ स्थिर कर दिया गया।

W3C ने 1 अक्टूबर 1996 को PNG को Recommendation के रूप में प्रकाशित किया, और Library of Congress के अनुसार यही पाठ जनवरी 1997 में IETF ने RFC 2083 के रूप में प्रकाशित किया। त्रुटि-सुधारों वाला दूसरा संस्करण 10 नवंबर 2003 को आया और अंतरराष्ट्रीय मानक ISO/IEC 15948 बना। 24 जून 2025 को प्रकाशित W3C PNG Third Edition ने एनिमेटेड PNG (APNG), HDR संकेत के लिए cICP चंक और EXIF डेटा के लिए eXIf चंक को आधिकारिक स्पेसिफ़िकेशन में शामिल किया।

PNG कंप्रेशन कैसे काम करता है

PNG लॉसलेस है: फ़ाइल खोलने पर जो पिक्सेल मिलते हैं, वे बिट-दर-बिट वही होते हैं जो सेव किए गए थे। फ़ाइल को दो चरणों में छोटा किया जाता है।

1. रो फ़िल्टर

कंप्रेशन से पहले पिक्सेल की हर पंक्ति (रो) एक फ़िल्टर से गुज़रती है। फ़िल्टर पिक्सेल का मान रखने के बजाय उसके पड़ोसियों से उसका अंतर रखता है, और सपाट या सहज हिस्सों में ये अंतर शून्य के क़रीब होते हैं, इसलिए वे कहीं बेहतर कंप्रेस होते हैं। स्पेसिफ़िकेशन पाँच फ़िल्टर प्रकार तय करता है: None, Sub (बाईं ओर का पिक्सेल), Up (ऊपर का पिक्सेल), Average (बाएँ और ऊपर का औसत) और Paeth (बाएँ, ऊपर और ऊपर-बाएँ पिक्सेल से अनुमान)। एन्कोडर हर पंक्ति के लिए अलग फ़िल्टर चुन सकता है।

2. DEFLATE

फ़िल्टर किया डेटा DEFLATE से कंप्रेस होता है, वही एल्गोरिदम जो ZIP फ़ाइलों में इस्तेमाल होता है, और IDAT चंक के अंदर zlib फ़ॉर्मैट में रखा जाता है। स्पेसिफ़िकेशन केवल यही एक कंप्रेशन तरीक़ा तय करता है, और यह अधिकतम 32 KB की स्लाइडिंग विंडो इस्तेमाल करता है। अलग-अलग प्रोग्राम एक ही इमेज से अलग-अलग साइज़ की PNG बनाते हैं, क्योंकि वे फ़िल्टर चुनने और DEFLATE सेटिंग्स पर कम या ज़्यादा मेहनत करते हैं; इमेज ख़ुद एक जैसी रहती है।

चंक संरचना

PNG फ़ाइल 8-बाइट हस्ताक्षर से शुरू होती है, जिसके बाद चंक आते हैं: हेडर के लिए IHDR, इमेज डेटा के लिए IDAT और फ़ाइल बंद करने के लिए IEND। वैकल्पिक चंक कलर प्रोफ़ाइल (iCCP), गामा (gAMA), टेक्स्ट (tEXt, iTXt) और सरल पारदर्शिता (tRNS) रख सकते हैं।

कलर टाइप, बिट डेप्थ और पारदर्शिता

PNG ग्रेस्केल, पैलेट (इंडेक्स्ड) और ट्रूकलर इमेज सपोर्ट करता है। Library of Congress के अनुसार सैंपल डेप्थ 1 से 16 बिट तक होती है; आम RGB इमेज हर चैनल के लिए 8 बिट (24-बिट) इस्तेमाल करती हैं, और ज़रूरत हो तो हर चैनल के लिए 16 बिट (48-बिट)। एक वैकल्पिक अल्फ़ा चैनल हर पिक्सेल के लिए अलग पारदर्शिता मान रखता है। यह GIF की सरल चालू/बंद पारदर्शिता से कहीं ज़्यादा लचीला है: परछाइयाँ, मुलायम किनारे और अर्ध-पारदर्शी लेयर सही दिखती हैं।

वैकल्पिक Adam7 इंटरलेसिंग से इमेज लोड होते समय पहले मोटे रूप में दिखती है और फिर साफ़ होती जाती है, लेकिन इससे आमतौर पर फ़ाइल बड़ी हो जाती है।

पैलेट PNG और रंग घटाना

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

लेकिन किसी फ़ोटो या ग्रेडिएंट को पैलेट PNG में घटाने से रंगों की पट्टियाँ (बैंडिंग) और डिथरिंग पैटर्न बनते हैं। इसलिए रंग घटाना एक प्री-प्रोसेसिंग चरण है जिसे इमेज के प्रकार के हिसाब से चुनना चाहिए; PNG फ़ॉर्मैट ख़ुद लॉसलेस ही रहता है।

PNG कितना व्यापक है?

अक्टूबर 2026 का W3Techs डेटा दिखाता है कि जिन वेबसाइटों पर वह नज़र रखता है, उनमें से 74.9% पर PNG है, जिससे यह वेबसाइटों पर सबसे ज़्यादा इस्तेमाल होने वाला इमेज फ़ॉर्मैट बन जाता है। HTTP Archive Web Almanac 2024 के अनुसार मोबाइल पेजों पर 28.4% इमेज PNG हैं, जो केवल JPEG (32.4%) से पीछे है। यही रिपोर्ट मीडियन PNG को 3.8 बिट प्रति पिक्सेल पर रखती है, जबकि JPEG 2.0 और WebP 1.3 पर। वेबसाइटों पर PNG की पहुँच का बड़ा कारण पारदर्शिता वाले लोगो और आइकन हैं; बड़ी तस्वीरें PNG के रूप में परोसने से पेज बेवजह भारी हो जाते हैं।

PNG कब इस्तेमाल करें और कब कुछ और चुनें

Google का WebP पेज बताता है कि लॉसलेस WebP इमेज PNG से 26% छोटी होती हैं। इससे ब्राउज़र में दिखाए जाने वाले ग्राफ़िक्स के लिए WebP एक अच्छा विकल्प बनता है, हालाँकि PNG की कम्पैटिबिलिटी अब भी ज़्यादा व्यापक है और लगभग हर प्रोग्राम इसे खोल सकता है।

आम समस्याएँ

मेरी PNG इतनी बड़ी क्यों है?

सबसे आम कारण है किसी फ़ोटो को PNG के रूप में सेव करना। फ़ोटो का नॉइज़ और बारीक विवरण लॉसलेस तरीक़े से अच्छी तरह कंप्रेस नहीं होता, इसलिए वही तस्वीर JPG या WebP में कई गुना छोटी हो सकती है। स्क्रीनशॉट में फ़ाइल साइज़ सीधे रिज़ॉल्यूशन के साथ बढ़ता है।

JPG को PNG में बदलने से क्वालिटी नहीं सुधरी

PNG पिक्सेल को वैसे ही रखता है जैसे वे सेव करने के पल में हैं। JPG कंप्रेशन से आए नुक़सान और ब्लॉक के निशान कन्वर्ज़न से पहले ही इमेज का हिस्सा बन चुके हैं, और PNG उन्हें भी हूबहू रखता है।

JPG में बदलने के बाद पारदर्शिता ग़ायब हो गई

JPG में अल्फ़ा चैनल नहीं होता। कन्वर्ज़न के दौरान पारदर्शी पिक्सेल एक ठोस रंग से भरे जाते हैं; अगर आप कोई रंग न चुनें, तो प्रोग्राम का डिफ़ॉल्ट (आमतौर पर सफ़ेद या काला) इस्तेमाल होता है।

रंग अलग दिखते हैं

PNG कलर प्रोफ़ाइल और गामा जानकारी रख सकता है। जो प्रोग्राम इसे अलग ढंग से समझते हैं, वे थोड़े अलग रंग दिखा सकते हैं। वेब के लिए बनी इमेज में sRGB इस्तेमाल करना सबसे सुरक्षित तरीक़ा है।

PNG कन्वर्ट करने के टिप्स

• फ़ोटो जैसी PNG को छोटा करें। PNG को JPG में बदलते समय डिफ़ॉल्ट क्वालिटी 90 होती है; पारदर्शी हिस्से डिफ़ॉल्ट रूप से सफ़ेद से भरे जाते हैं, और आप कोई दूसरा बैकग्राउंड रंग चुन सकते हैं।
• पारदर्शिता बनाए रखने के लिए PNG को WebP में या PNG को AVIF में बदलें; दोनों फ़ॉर्मैट अल्फ़ा चैनल रखते हैं। अगर WebP में हर पिक्सेल बिल्कुल वैसा ही रहना चाहिए, तो "Lossless WebP" पर टिक करें; फ़ाइल बड़ी हो सकती है।
• PNG को PNG ही रखते हुए छोटा करने की गुंजाइश सीमित है: जब तक इमेज वही रहती है, फ़ायदा केवल बेहतर फ़िल्टर और कंप्रेशन आज़माने से आता है। हमारा इमेज कंप्रेसर स्थिर PNG को डिफ़ॉल्ट रूप से WebP में बदलता है; अगर आप PNG ही रखना चाहते हैं, तो अतिरिक्त PNG ऑप्टिमाइज़ेशन विकल्प एक भी पिक्सेल बदले बिना फ़ाइल को छोटा करने की कोशिश करता है।
• आइकन चाहिए? PNG से ICO कन्वर्टर एक चौकोर आइकन को 16, 32 और 48 पिक्सेल पर (और इमेज काफ़ी बड़ी हो, तो बड़े साइज़ में भी) एक ही फ़ाइल में पैक करता है।
• ये कन्वर्ज़न आपके ब्राउज़र में चलते हैं, इसलिए आपकी फ़ाइलें आपके डिवाइस से बाहर नहीं जातीं। EXIF और लोकेशन डेटा आउटपुट में नहीं लिखा जाता।

अक्सर पूछे जाने वाले सवाल

PNG लॉसी है या लॉसलेस?

PNG लॉसलेस है। आप फ़ाइल को कितनी भी बार खोलें और सेव करें, पिक्सेल नहीं बदलते। कुछ टूल जिसे "lossy PNG" कहते हैं, वह सेव करने से पहले रंगों की संख्या घटाकर पैलेट PNG बनाना है; नुक़सान उस प्री-प्रोसेसिंग चरण में होता है, फ़ॉर्मैट में नहीं।

क्या PNG एनिमेशन सपोर्ट करता है?

मूल PNG नहीं करता। APNG एक्सटेंशन एनिमेशन जोड़ता है, और यह W3C PNG Third Edition के साथ स्पेसिफ़िकेशन का हिस्सा बन गया। MDN के अनुसार सभी मौजूदा ब्राउज़र APNG दिखाते हैं, लेकिन कई इमेज एडिटर केवल इसका पहला फ़्रेम खोलते हैं।

PNG-8 और PNG-24 का क्या मतलब है?

ये नाम स्पेसिफ़िकेशन में नहीं हैं; ये सॉफ़्टवेयर में इस्तेमाल होने वाले छोटे नाम हैं। PNG-8 का मतलब आमतौर पर 256 रंगों तक वाली पैलेट PNG, PNG-24 का मतलब 24 बिट प्रति पिक्सेल वाली ट्रूकलर PNG, और PNG-32 का मतलब अल्फ़ा चैनल वाली RGBA PNG होता है।

PNG इस्तेमाल करूँ या WebP?

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

क्या PNG प्रिंट के लिए ठीक है?

क्वालिटी के लिहाज़ से हाँ, क्योंकि यह लॉसलेस है, लेकिन PNG, CMYK कलर मॉडल सपोर्ट नहीं करता। पेशेवर प्रिंट वर्कफ़्लो में आमतौर पर TIFF या PDF को तरजीह दी जाती है।

स्रोत

• W3C: Portable Network Graphics (PNG) Specification (Third Edition)
• W3C: PNG का परिचय और इतिहास
• Greg Roelofs: History of the Portable Network Graphics (PNG) Format
• Library of Congress: PNG फ़ॉर्मैट विवरण
• Google for Developers: An image format for the Web (WebP)
• MDN: Image file type and format guide
• W3Techs: Usage statistics of image file formats for websites
• HTTP Archive Web Almanac 2024: Media