रीसाइज़ करें या कंप्रेस? इमेज छोटी करने का सही क्रम

"इमेज छोटी करना" दो बिल्कुल अलग चीज़ें हो सकती हैं: इमेज के आयाम घटाना (रीसाइज़) या उन्हीं आयामों पर फ़ाइल हल्की करना (कंप्रेशन)। बहुत से लोग दोनों को एक मान लेते हैं, पर क्रम ग़लत हो तो या तो साइज़ पर्याप्त नहीं घटता या क्वालिटी बेवजह जाती है। फ़र्क़ और सही क्रम समझना ही अच्छी दिखने वाली छोटी फ़ाइलों की कुंजी है।

रीसाइज़ क्या करता है

रीसाइज़ पिक्सेल आयाम बदलता है, जैसे 4000×3000 से 1200×900। फ़ाइल का साइज़ पिक्सेल की संख्या के साथ बढ़ता है, इसलिए आयाम घटाने का असर ज़बरदस्त है: चौड़ाई-ऊँचाई आधी करने से क़रीब 75% पिक्सेल हट जाते हैं — और आमतौर पर ज़्यादातर वज़न भी।

कंप्रेशन क्या करता है

कंप्रेशन वही पिक्सेल रखने के लिए ज़रूरी बाइट घटाता है — आँख को मुश्किल से दिखने वाले विवरण छोड़कर (लॉसी) या डेटा को ज़्यादा कुशलता से पैक करके (लॉसलेस)। यह आयाम बदले बिना वज़न घटाता है; लॉसी फ़ॉर्मेट में थोड़ी क्वालिटी क़ीमत होती है।

पहले क्या करें?

पहले रीसाइज़, फिर कंप्रेशन। जिन लाखों पिक्सेल को आप फेंकने वाले हैं उन्हें मेहनत से कंप्रेस करने का कोई मतलब नहीं। इमेज को उसकी असल अधिकतम डिस्प्ले साइज़ तक घटाएँ, फिर उस छोटी इमेज पर कंप्रेशन लगाएँ। उल्टे क्रम में, मेहनत से कंप्रेस की जानकारी रीसाइज़ फिर फेंक देता है — दोहरा काम।

सीधा नियम

• अधिकतम डिस्प्ले साइज़ तय करें (रेटिना के लिए ~2x जोड़ें)
• इमेज को उसी साइज़ पर रीसाइज़ करें
• WebP या AVIF में बदलें, क्वालिटी लगभग 75
• पहले/बाद तुलना करें, ज़रूरत हो तो समायोजित करें

दोनों मिलाएँ, नतीजा सबसे अच्छा

सबसे बड़ा फ़ायदा दोनों करने पर मिलता है। ब्लॉग की पतली कॉलम में दिखने वाली 5MB फ़ोटो सही चौड़ाई पर रीसाइज़ और WebP कंप्रेशन के बाद बिना दिखते फ़र्क़ के 100KB से काफ़ी नीचे आ सकती है। Scrunch कन्वर्ज़न-कंप्रेशन सँभालता है — समझदार डिस्प्ले साइज़ के साथ मिलाएँ और इमेज जितनी हल्की हो सकती हैं उतनी हो जाएँगी।

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

क्या रीसाइज़ से क्वालिटी ख़राब होती है?

डिस्प्ले साइज़ के आसपास घटाएँ — उससे छोटा नहीं — तो इमेज स्क्रीन पर बल्कि ज़्यादा शार्प दिखती है। धुंधलापन तभी आता है जब उसे उसकी जगह से छोटा कर दें, इसलिए डिस्प्ले साइज़ (रेटिना ~2x) को लक्ष्य बनाएँ।

क्या अकेले कंप्रेशन काफ़ी नहीं?

मूल आयाम डिस्प्ले साइज़ से बहुत बड़े हों तो अकेले कंप्रेशन की सीमा है — आप बेकार पिक्सेल कंप्रेस कर रहे हैं। पहले रीसाइज़ से पिक्सेल घटाना कहीं ज़्यादा बचत देता है।

क्या रीसाइज़ और कंप्रेशन एक साथ हो सकते हैं?

हाँ। दोनों चरण क्रम से करें: डिस्प्ले साइज़ पर रीसाइज़, फिर WebP या AVIF में कंप्रेस। क्रम बना रहे तो दी गई क्वालिटी पर सबसे छोटी फ़ाइल मिलती है।

किस चौड़ाई पर रीसाइज़ करूँ?

उस अधिकतम चौड़ाई पर जिस पर इमेज असल में दिखती है। कंटेंट कॉलम 800 पिक्सेल का हो तो रेटिना स्क्रीन के लिए लगभग 1600 पिक्सेल काफ़ी है। उससे बड़ा सिर्फ़ बैंडविड्थ बर्बाद करता है; छोटा स्क्रीन पर धुंधला दिखता है।