इमेज रीसाइज़ करें

यह कैसे काम करता है

रीसाइज़ ख़ुद एक ब्राउज़र प्रिमिटिव है: आपकी इमेज डिकोड होती है, टारगेट डाइमेंशंस पर एक <canvas> बनाया जाता है, और drawImage() एक ही पास में पिक्सल्स को उस पर स्केल करता है। ऐसा करते समय ब्राउज़र अपना बिल्ट-इन स्मूदिंग फ़िल्टर (एक बाइलीनियर-स्टाइल रीसैंपल) लगाता है, जो नज़दीकी पिक्सल्स को एवरेज करता है बजाय सिर्फ़ सबसे नज़दीकी वाला चुनने के, इसलिए डाउनस्केल्ड फ़ोटोज़ जैगेड होने के बजाय स्मूथ आती हैं। कैनवस को फिर canvas.toBlob() से JPEG या WebP के रूप में 0.92 क्वालिटी पर, या फ़ॉर्मैट ऑप्शन के आधार पर लॉसलेस PNG के रूप में री-एक्सपोर्ट किया जाता है।

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

Percentage मोड ओरिजिनल साइज़ से टारगेट डाइमेंशंस कैलकुलेट करता है, exact मोड आपके नंबर्स लेता है, और लॉक-रेशो टॉगल चौड़ाई और ऊंचाई को ओरिजिनल एस्पेक्ट से बांधे रखता है ताकि आपकी फ़ोटोज़ में लोग स्ट्रेच न हों। डाइमेंशंस हर तरफ़ 20,000 पिक्सल पर कैप्ड हैं क्योंकि इससे बड़ा कैनवस ब्राउज़र मेमोरी ख़त्म कर सकता है। बैच मोड हर फ़ाइल पर बारी-बारी से वही कैनवस पाइपलाइन चलाता है और रिज़ल्ट्स को एक ZIP में पैक करता है जो JavaScript में भी असेंबल होता है।

चूंकि पूरी पाइपलाइन आपके टैब के अंदर डिकोड, ड्रॉ, री-एनकोड है, आपकी फ़ोटोज़ कभी आपकी मशीन से बाहर नहीं जातीं। आप इसे वेरिफ़ाई कर सकते हैं: डेवटूल्स खोलें, Network टैब पर स्विच करें, और कुछ रीसाइज़ करें। कोई अपलोड रिक्वेस्ट नहीं दिखती, और टूल ऑफ़लाइन भी काम करता रहता है।