पीएनजी छवियों को कैसे संपीड़ित करें और पारदर्शी पृष्ठभूमि कैसे रखें

💡 त्वरित सारांश और मुख्य बातें

• सीधा उत्तर: पारदर्शी पीएनजी को संपीड़ित करने के लिए रंग परिमाणीकरण (पीएनजी-24 से पीएनजी-8) की आवश्यकता होती है जो काले पृष्ठभूमि के फ्रिंजिंग को रोकने के लिए 8-बिट अल्फा चैनल को संरक्षित करता है। बग।
• औसत बचत: लोगो, यूआई आइकन और फ्लैट-रंग ग्राफिक्स के लिए 60%-75% फ़ाइल आकार में कमी।
• शून्य-अपलोड प्रसंस्करण: निष्पादन पूरी तरह से क्लाइंट मेमोरी में रहता है। आपकी मालिकाना संपत्ति आपके डिवाइस को कभी नहीं छोड़ती है। टूल.

पीएनजी फ़ाइलें जेपीईजी से इतनी भारी क्यों हैं

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

• तीखे, कठोर किनारे (लोगो, चिह्न, रेखा कला)
• सपाट रंग क्षेत्र (यूआई स्क्रीनशॉट, चार्ट)
• छवियों पर पाठ डाला गया (जहां JPEG वर्णों को धुंधला कर देगा)
• पारदर्शी पृष्ठभूमि (कटआउट, उत्पाद पारदर्शी कैनवास पर तस्वीरें)

ट्रेडऑफ़ आकार है। पीएनजी के रूप में सहेजा गया एक फोटोग्राफ आमतौर पर जेपीईजी के रूप में सहेजी गई समान छवि की तुलना में 3–8× बड़ा होता है। हालाँकि, JPEG पारदर्शिता संग्रहीत नहीं कर सकता - लोगो, आइकन और उत्पाद कटआउट के लिए, PNG एकमात्र व्यापक रूप से समर्थित विकल्प बना हुआ है (जब तक कि आप WebP का उपयोग नहीं करते हैं)।

ब्लैक बैकग्राउंड बग: अधिकांश उपकरण विफल क्यों होते हैं

यहां बताया गया है कि जब आप किसी पारदर्शी पीएनजी को किसी अपर्याप्त टूल से संपीड़ित करते हैं:

1. टूल आपके PNG को अपनी अल्फा (पारदर्शिता) परत के साथ लोड करता है
2. आंतरिक रूप से, हानिपूर्ण संपीड़न लागू करने के लिए टूल इसे JPEG में परिवर्तित करता है
3. JPEG में कोई पारदर्शिता नहीं है - इसलिए टूल पारदर्शी क्षेत्रों को भरता है काला (या कभी-कभी सफेद)
4. निर्यात की गई फ़ाइल में कोई अल्फा चैनल नहीं है - आपके कटआउट में अब एक बदसूरत ठोस पृष्ठभूमि है

सही दृष्टिकोण: एक उचित PNG कंप्रेसर पूरी प्रक्रिया के दौरान अल्फा चैनल के साथ काम करता है, अल्फा चैनल को पूरी तरह से बरकरार रखते हुए केवल RGB चैनलों पर रंग परिमाणीकरण लागू करता है।

पीएनजी-24 बनाम पीएनजी-8: रंग पैलेट परिमाणीकरण

आधुनिक पीएनजी संपीड़न छवि में रंगों की संख्या को कम करके काम करता है:

PNG-24 (असली रंग + अल्फा):

• 16.7 मिलियन संभावित रंग
• पूर्ण 8-बिट अल्फा पारदर्शिता चैनल (पारदर्शिता के 256 स्तर)
• बड़ी फ़ाइल - प्रत्येक पिक्सेल को 4 बाइट्स (R + G + B +) की आवश्यकता होती है अल्फा)

PNG-8 (अनुक्रमित रंग):

• पैलेट में केवल 256 चुने गए रंग
• प्रत्येक पिक्सेल को पैलेट में 1-बाइट इंडेक्स के रूप में संग्रहीत किया जाता है
• बहुत छोटी फ़ाइल आकार

परिमाणीकरण: एल्गोरिदम आपकी छवि के रंग वितरण का विश्लेषण करता है और 256 सबसे अधिक प्रतिनिधि रंगों का चयन करता है। सीमित रंग पैलेट वाले लोगो के लिए, यह न्यूनतम दृश्य अंतर के साथ नाटकीय बचत उत्पन्न करता है।

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

चरण-दर-चरण: ToolDolfen पर PNG को संपीड़ित करना

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

टिप: यदि आपके पीएनजी की पृष्ठभूमि साफ सफेद है (पारदर्शी नहीं), तो आप इसे और भी छोटी फ़ाइलों के लिए जेपीईजी में परिवर्तित कर सकते हैं - पारदर्शिता हानि के बारे में चिंता किए बिना। PNG से JPG कनवर्टर का उपयोग करें।

पारदर्शी पीएनजी को वेबपी पर कब अपग्रेड करें

वेबपी पूर्ण अल्फा पारदर्शिता के साथ हानिपूर्ण और दोषरहित संपीड़न दोनों का समर्थन करता है:

• WebP हानि रहित आमतौर पर समकक्ष PNG से 26% छोटा है
• WebP हानिपूर्ण + अल्फा रखते समय 60-70% छोटा हो सकता है पारदर्शिता बरकरार

आधुनिक वेब डिलीवरी के लिए, पीएनजी से वेबपी कनवर्टर का उपयोग करके पारदर्शी पीएनजी को वेबपी में परिवर्तित करना अक्सर उपलब्ध सर्वोत्तम रणनीति है।