PNG फ़ाइल साइज़ कैसे कम करें (लॉसलेस vs लॉसी)
क्वालिटी खराब किए बिना PNG को छोटा करने की व्यावहारिक तकनीकें
अभी PNG ऑप्टिमाइज़ करेंPNG वेब पर सबसे भरोसेमंद इमेज फ़ॉर्मेट्स में से एक है। यह हर पिक्सेल को संरक्षित रखता है, ट्रांसपेरेंसी सपोर्ट करता है, और लोगो, स्क्रीनशॉट और ग्राफ़िक्स को बेहद शार्प क्लैरिटी के साथ दिखाता है। लेकिन इस क्वालिटी की एक कीमत है: PNG फ़ाइलें बहुत बड़ी हो सकती हैं। एक हाई-रेज़ोल्यूशन स्क्रीनशॉट आसानी से 5 MB या उससे ज़्यादा हो सकता है, और ट्रांसपेरेंट बैकग्राउंड वाली प्रोडक्ट इमेजेज़ का एक बैच दर्जनों मेगाबाइट ले सकता है।
बड़ी PNG फ़ाइलें वेबसाइट्स को धीमा करती हैं, ईमेल अटैचमेंट को भारी बनाती हैं, स्टोरेज खाती हैं, और धीमे कनेक्शन वाले यूज़र्स को परेशान करती हैं। अच्छी बात ये है कि आप PNG फ़ाइल साइज़ को काफ़ी कम कर सकते हैं बिना फ़ॉर्मेट बदले या उन क्वालिटीज़ को खोए जिनकी वजह से आपने PNG चुना। बस ये जानना ज़रूरी है कि कौन सी तकनीकें किस क्रम में लगानी हैं।
यह गाइड PNG को छोटा करने के हर व्यावहारिक तरीके को कवर करती है — हर पिक्सेल बचाने वाले लॉसलेस ऑप्टिमाइज़ेशन से लेकर, मामूली विज़ुअल फ़िडेलिटी के बदले बड़ी साइज़ बचत देने वाले लॉसी कम्प्रेशन तक। अंत तक पढ़ने के बाद, आपको पता होगा कि किस स्थिति में कौन सा तरीका अपनाना है।
PNG फ़ाइलें इतनी बड़ी क्यों हो जाती हैं?
PNG के बड़ा होने की वजह समझने से आपको सही रिडक्शन स्ट्रैटेजी चुनने में मदद मिलती है। कई फ़ैक्टर इस समस्या में योगदान करते हैं।
लॉसलेस कम्प्रेशन की सीमाएँ हैं। PNG DEFLATE एल्गोरिदम का इस्तेमाल करता है जो पिक्सेल डेटा में दोहराए जाने वाले पैटर्न ढूँढता है और उन्हें कुशलतापूर्वक एनकोड करता है। लेकिन फ़ोटोग्राफ़्स और स्मूथ ग्रेडिएंट वाली इमेजेज़ में इतने सारे अनोखे कलर वैल्यूज़ होते हैं कि कम्प्रेसर को रिडंडेंसी ढूँढने में मुश्किल होती है। PNG के रूप में सेव की गई फ़ोटो, JPG के मुकाबले पाँच से दस गुना बड़ी हो सकती है, क्योंकि DEFLATE फ़ोटोग्राफ़िक डेटा को लॉसी एल्गोरिदम की तरह एग्रेसिवली कम्प्रेस नहीं कर सकता।
डाइमेंशन्स आपकी सोच से ज़्यादा मायने रखते हैं। 4000 x 3000 पिक्सेल की इमेज में 12 मिलियन पिक्सेल होते हैं। ट्रांसपेरेंसी वाले 32-बिट PNG में हर पिक्सेल को कम्प्रेशन से पहले 4 बाइट्स रॉ डेटा चाहिए, यानी अनकम्प्रेस्ड पेलोड लगभग 48 MB होता है। DEFLATE के बाद भी, रिज़ल्ट फ़ाइल कई मेगाबाइट्स होगी। डाइमेंशन्स आधे करने से पिक्सेल काउंट 75 प्रतिशत कम हो जाता है, और कम्प्रेस्ड फ़ाइल साइज़ भी लगभग उसी अनुपात में गिरती है।
कलर डेप्थ वज़न बढ़ाती है। 24-बिट PNG हर पिक्सेल के लिए 16 मिलियन से ज़्यादा संभव रंग स्टोर करता है। 32-बिट PNG ट्रांसपेरेंसी के लिए अल्फ़ा चैनल जोड़ता है, जिससे प्रति पिक्सेल डेटा एक तिहाई बढ़ जाता है। कई इमेजेज़, खासकर आइकन, डायग्राम और इलस्ट्रेशन, सिर्फ़ मुट्ठीभर रंगों का इस्तेमाल करती हैं लेकिन ज़रूरत से कहीं ज़्यादा कलर इन्फ़ॉर्मेशन कैरी करती हैं।
मेटाडेटा चुपचाप फ़ाइलों को फुला देता है। EXIF डेटा, ICC कलर प्रोफ़ाइल, टेक्स्ट चंक्स और टाइमस्टैम्प PNG फ़ाइल में दर्जनों किलोबाइट्स जोड़ सकते हैं। आइकन और थंबनेल जैसी छोटी इमेजेज़ के लिए, मेटाडेटा कुल फ़ाइल साइज़ का काफ़ी बड़ा हिस्सा हो सकता है। इमेजेज़ में मेटाडेटा के बारे में ज़्यादा जानने के लिए हमारी इमेज मेटाडेटा हटाने की गाइड देखें।
PNG फ़ाइलें लॉसलेस तरीके से छोटी करने के उपाय
लॉसलेस तकनीकें इमेज को पिक्सेल-परफ़ेक्ट रखते हुए फ़ाइल साइज़ कम करती हैं। हर रंग, हर किनारा, हर ट्रांसपेरेंट एरिया बिल्कुल वैसा ही रहता है। ये तरीके हमेशा आपकी पहली पसंद होने चाहिए।
DEFLATE कम्प्रेशन को ऑप्टिमाइज़ करें। सभी PNG एनकोडर एक जैसे अच्छे से कम्प्रेस नहीं करते। ग्राफ़िक्स एडिटर से जल्दी एक्सपोर्ट किया गया PNG अक्सर तेज़ लेकिन सबऑप्टिमल DEFLATE कॉन्फ़िगरेशन इस्तेमाल करता है। उसी इमेज को ज़्यादा बेहतर कम्प्रेसर से री-एनकोड करने पर एक भी पिक्सेल बदले बिना 10 से 30 प्रतिशत फ़ाइल साइज़ कम हो सकता है। pic2PNG @jsquash/png WASM लाइब्रेरी का इस्तेमाल करता है जो आपकी इमेजेज़ कन्वर्ट या री-एक्सपोर्ट करते समय ऑप्टिमाइज़्ड लॉसलेस कम्प्रेशन लगाता है और DEFLATE एल्गोरिदम से हर बाइट बचाता है।
ग़ैरज़रूरी मेटाडेटा हटाएँ। EXIF डेटा, ICC कलर प्रोफ़ाइल, टेक्स्ट कमेंट्स और टाइमस्टैम्प हटाएँ जो दिखने वाली इमेज में कुछ जोड़े बिना साइज़ बढ़ाते हैं। यह खासतौर पर उन इमेजेज़ के लिए ज़रूरी है जो कैमरे या फ़ोन से ली गई हैं और जिनमें GPS कोऑर्डिनेट्स, डिवाइस इन्फ़ॉर्मेशन और कैमरा सेटिंग्स एम्बेड होती हैं। pic2PNG कन्वर्शन के दौरान ऑटोमैटिकली मेटाडेटा हटा देता है, जिससे आपकी आउटपुट फ़ाइलें हल्की और प्राइवेसी-फ़्रेंडली रहती हैं।
डाइमेंशन्स कम करें। इमेज को उसके असल डिस्प्ले साइज़ पर रीसाइज़ करें। जब कंटेनर सिर्फ़ 1200 पिक्सेल चौड़ा हो तो 4000 पिक्सेल चौड़ी PNG सर्व करने का कोई फ़ायदा नहीं। pic2PNG का इस्तेमाल करके एक्सपोर्ट से पहले बैच में इमेजेज़ रीसाइज़ करें, और डिस्प्ले साइज़ पर बिना किसी क्वालिटी लॉस के फ़ाइल साइज़ में भारी गिरावट देखें।
कंटेंट एरिया तक क्रॉप करें। अगर आपकी इमेज के किनारों पर बड़े खाली या एक जैसे रंग वाले एरिया हैं, तो असल कंटेंट एरिया तक क्रॉप करने से ऐसे पिक्सेल हट जाते हैं जो फ़ाइल साइज़ बढ़ाते हैं लेकिन कोई विज़ुअल वैल्यू नहीं देते। pic2PNG में क्रॉपिंग टूल शामिल हैं जो आपको इमेजेज़ को ठीक उतने साइज़ में ट्रिम करने देते हैं जितना आपको चाहिए।
लॉसी PNG कम्प्रेशन: कब और कैसे
कभी-कभी लॉसलेस ऑप्टिमाइज़ेशन काफ़ी नहीं होता। जब आपको टारगेट फ़ाइल साइज़ हिट करना हो या आपकी PNG एक ऐसी फ़ोटो हो जो लॉसलेस में अच्छे से कम्प्रेस नहीं होती, तब लॉसी PNG कम्प्रेशन एक दमदार विकल्प बन जाता है।
यह कैसे काम करता है। लॉसी PNG कम्प्रेशन इमेज में अलग-अलग रंगों की संख्या कम करता है और पिक्सेल वैल्यूज़ को अप्रॉक्सिमेट करता है ताकि DEFLATE कम्प्रेसर के लिए ज़्यादा रिडंडेंसी बने। इमेज एक वैलिड PNG फ़ाइल बनी रहती है जिसमें पूरा ट्रांसपेरेंसी सपोर्ट होता है, लेकिन सूक्ष्म कलर वेरिएशन स्मूथ या मर्ज हो जाते हैं। नतीजा लॉसलेस ओरिजिनल से 50 से 80 प्रतिशत छोटा हो सकता है और इंसानी आँख को लगभग एक जैसा दिखता है।
क्वालिटी लेवल। ज़्यादातर लॉसी PNG टूल्स आपको क्वालिटी लेवल सेट करने देते हैं, आमतौर पर 0 से 100 की स्केल पर। 80 से 90 पर, ज़्यादातर इमेजेज़ में ओरिजिनल से फ़र्क नज़र नहीं आता। 60 से 80 पर, ट्रेंड आँखें ग्रेडिएंट में हल्की बैंडिंग या टेक्सचर में कम डिटेल नोटिस कर सकती हैं। 60 से नीचे, आर्टिफ़ैक्ट ज़्यादा दिखने लगते हैं और ये थंबनेल या प्रीव्यू इमेजेज़ के लिए ही बेहतर होते हैं। pic2PNG browser-image-compression द्वारा संचालित एक वैकल्पिक लॉसी कम्प्रेशन स्टेप देता है जिससे आप अपनी ज़रूरत के हिसाब से सटीक क्वालिटी लेवल सेट कर सकते हैं।
लॉसी कम्प्रेशन कब इस्तेमाल करें। लॉसी PNG कम्प्रेशन वेब इमेजेज़ के लिए बढ़िया है जहाँ पेज स्पीड मायने रखती है, बहुत सारे रंगों या फ़ोटोग्राफ़िक कंटेंट वाली इमेजेज़ के लिए, और ऐसी स्थितियों में जहाँ PNG ट्रांसपेरेंसी चाहिए लेकिन कई मेगाबाइट की फ़ाइलें बर्दाश्त नहीं हो सकतीं। बड़ी संख्या में इमेजेज़ को बैच प्रोसेस करते समय भी यह काम आता है, जहाँ प्रति फ़ाइल 40 प्रतिशत की कमी भी बैंडविड्थ और स्टोरेज में अच्छी-खासी बचत करती है।
लॉसी कम्प्रेशन कब ना लगाएँ। पिक्सेल आर्ट, सटीक कलर कोडिंग वाले टेक्निकल डायग्राम, या आगे एडिट या कम्पोज़िट की जाने वाली इमेजेज़ पर लॉसी कम्प्रेशन ना लगाएँ। हर बार लॉसी कम्प्रेशन लगाने पर क्वालिटी में संचयी गिरावट आती है। अगर आप और एडिटिंग करने वाले हैं, तो एक लॉसलेस मास्टर कॉपी रखें और लॉसी कम्प्रेशन सिर्फ़ फ़ाइनल एक्सपोर्ट पर लगाएँ।
PNG साइज़ रिडक्शन तकनीकें एक नज़र में
नीचे दी गई टेबल हर तकनीक, यह ओरिजिनल इमेज को पूरी तरह बचाती है या नहीं, और आप जो टिपिकल फ़ाइल साइज़ इम्पैक्ट उम्मीद कर सकते हैं, उसका सार प्रस्तुत करती है।
| तकनीक | लॉसलेस? | ट्रांसपेरेंसी रखता है? | टिपिकल इम्पैक्ट |
|---|---|---|---|
| DEFLATE कम्प्रेशन ऑप्टिमाइज़ करें | हाँ | हाँ | 10-30% कमी |
| मेटाडेटा हटाएँ (EXIF, ICC, टेक्स्ट) | हाँ | हाँ | 5-20% कमी (भिन्न हो सकता है) |
| डिस्प्ले डाइमेंशन्स पर रीसाइज़ करें | हाँ (नए साइज़ पर) | हाँ | 50-90% कमी |
| कंटेंट एरिया तक क्रॉप करें | हाँ (नए साइज़ पर) | हाँ | 10-60% कमी |
| कलर पैलेट कम करें | नहीं | हाँ | 30-70% कमी |
| लॉसी क्वालिटी कम्प्रेशन | नहीं | हाँ | 40-80% कमी |
| JPG पर स्विच करें (फ़ोटो) | नहीं | नहीं | 60-90% कमी |
| WebP पर स्विच करें | दोनों विकल्प | हाँ | 25-50% कमी |
ये तकनीकें सही क्रम में मिलाकर इस्तेमाल करने पर सबसे ज़्यादा असरदार होती हैं। पहले रीसाइज़ करें, फिर लॉसलेस ऑप्टिमाइज़ेशन लगाएँ और मेटाडेटा हटाएँ, और लॉसी कम्प्रेशन तभी जोड़ें जब फ़ाइल अभी भी बहुत बड़ी हो।
कभी-कभी आपको PNG इस्तेमाल नहीं करना चाहिए
PNG फ़ाइल साइज़ कम करने का सबसे अच्छा तरीका कभी-कभी PNG का इस्तेमाल बंद करना होता है। यह फ़ॉर्मेट कुछ खास तरह की इमेजेज़ में बेहतरीन है लेकिन दूसरों के लिए सही नहीं है।
फ़ोटोग्राफ़्स JPG में बेहतर हैं। अगर आपकी इमेज बिना ट्रांसपेरेंट एरिया वाली फ़ोटो है, तो JPG ऐसे क्वालिटी लेवल पर PNG से 60 से 90 प्रतिशत छोटी फ़ाइल बनाएगा जहाँ फ़र्क दिखाई नहीं देता। PNG कभी भी फ़ोटोग्राफ़िक कंटेंट के लिए डिज़ाइन नहीं किया गया था, और इसका लॉसलेस कम्प्रेशन इस तरह की इमेज के लिए JPG के खास लॉसी एल्गोरिदम का मुकाबला नहीं कर सकता।
WebP दोनों दुनिया का बेस्ट देता है। अगर आपकी टारगेट ऑडियंस मॉडर्न ब्राउज़र इस्तेमाल करती है, तो WebP PNG और JPG दोनों से छोटी फ़ाइलें देता है और साथ में ट्रांसपेरेंसी और लॉसी-लॉसलेस दोनों मोड सपोर्ट करता है। लॉसलेस WebP आमतौर पर लॉसलेस PNG से 25 प्रतिशत छोटा होता है। विस्तृत तुलना के लिए, हमारी PNG vs JPG vs WebP गाइड पढ़ें।
PNG को वहाँ रखें जहाँ यह सबसे अच्छा काम करता है। PNG लोगो, आइकन, स्क्रीनशॉट, टेक्स्ट वाली ग्राफ़िक्स और ऐसी किसी भी इमेज के लिए सही चुनाव बना रहता है जिसमें पिक्सेल-परफ़ेक्ट प्रेसिशन के साथ ट्रांसपेरेंसी ज़रूरी है। जब ट्रांसपेरेंसी अनिवार्य हो और इमेज में अपेक्षाकृत कम रंग हों या एक जैसे रंग के बड़े एरिया हों, तो PNG कम्प्रेशन कुशलता से काम करता है और फ़ाइल साइज़ उचित रहता है।
पूछने वाला मुख्य सवाल है: क्या इस इमेज को ट्रांसपेरेंसी या लॉसलेस क्वालिटी चाहिए? अगर हाँ, तो ऊपर दी गई तकनीकों से PNG ऑप्टिमाइज़ करें। अगर नहीं, तो सोचें कि JPG या WebP बेहतर रहेगा या नहीं। फ़ॉर्मेट के बारे में ज़्यादा जानने के लिए, PNG क्या है और यह कैसे काम करता है पर हमारा आर्टिकल देखें।
PNG रिडक्शन का बेहतरीन वर्कफ़्लो
सब कुछ मिलाकर, PNG फ़ाइल साइज़ कुशलतापूर्वक कम करने का सुझाया गया स्टेप-बाय-स्टेप तरीका यह है:
- पहले रीसाइज़ करें। इमेज को उन डाइमेंशन्स पर स्केल करें जो आपको असल में चाहिए। फ़ाइल साइज़ कम करने का यह सबसे बड़ा लीवर है। बैच में रीसाइज़ करने के लिए pic2PNG इस्तेमाल करें।
- कंटेंट तक क्रॉप करें। इमेज के किनारों के आसपास की ग़ैरज़रूरी खाली जगह हटाएँ।
- लॉसलेस ऑप्टिमाइज़ेशन लगाएँ। ऑप्टिमाइज़्ड DEFLATE कम्प्रेशन से PNG को री-एनकोड करें। pic2PNG @jsquash/png WASM लाइब्रेरी का इस्तेमाल करके यह ऑटोमैटिकली करता है।
- मेटाडेटा हटाएँ। EXIF डेटा, ICC प्रोफ़ाइल और टेक्स्ट चंक्स हटाएँ। pic2PNG कन्वर्शन के दौरान डिफ़ॉल्ट रूप से मेटाडेटा हटा देता है।
- अगर स्वीकार्य हो तो लॉसी कम्प्रेशन लगाएँ। अगर फ़ाइल अभी भी बहुत बड़ी है और मामूली क्वालिटी लॉस बर्दाश्त किया जा सकता है, तो लॉसी कम्प्रेशन ऑन करें और ज़्यादातर मामलों के लिए क्वालिटी लेवल 80 या उससे ज़्यादा सेट करें।
- फ़ॉर्मेट बदलने पर विचार करें। अगर इमेज बिना ट्रांसपेरेंसी वाली फ़ोटो है, तो JPG में एक्सपोर्ट करें। अगर इमेज मॉडर्न ब्राउज़र्स के लिए है, तो और छोटी फ़ाइलों के लिए WebP पर विचार करें।
यह क्रम मायने रखता है। ऑप्टिमाइज़ करने से पहले रीसाइज़ करना सुनिश्चित करता है कि कम्प्रेसर कम पिक्सेल पर काम करे। लॉसी कम्प्रेशन से पहले मेटाडेटा हटाना क्वालिटी बजट को ना दिखने वाले डेटा पर बर्बाद होने से बचाता है। और फ़ॉर्मेट अल्टरनेटिव्स को आखिर में आँकने का मतलब है कि आपने बदलाव करने से पहले PNG फ़ॉर्मेट में हर संभव काम कर लिया है।
pic2PNG के साथ, आप इस वर्कफ़्लो के हर स्टेप को एक ही सेशन में हैंडल कर सकते हैं: रीसाइज़, क्रॉप, ऑप्टिमाइज़, मेटाडेटा हटाएँ और एक्सपोर्ट करें — सब कुछ सीधे आपके ब्राउज़र में, बिना अपलोड, बिना साइन-अप, और पूरी प्राइवेसी के साथ। अपने अगले PNG बैच के साथ इसे आज़माएँ और फ़र्क खुद देखें।