वेब के लिए PNG कंप्रेस करें

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

जिन असेट्स को वाक़ई PNG होना चाहिए, उनके लिए डिदरिंग के साथ 128 रंग लगभग सार्वभौमिक जवाब है। इंटरफ़ेस एलिमेंट और ब्रांड आइडेंटिटी एक छोटी, सोची-समझी पैलेट से बनाए जाते हैं, तो उपलब्ध रंगों को आधा करना जानकारी नहीं, रिडंडेंसी हटाता है, और नतीजा आँख को लगभग आधे बाइट्स में एक जैसा दिखता है।

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

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