छवियाँ और तस्वीरें · ब्राउज़र छवि और ड्राइंग एडिटर
ब्राउज़र छवि एडिटर में क्रॉपिंग कैसे काम करती है: कैनवास और पिक्सेल
· यह काम किस प्रकार करता है
छवि संपादन कैनवास ब्राउज़र-प्रसंस्करण
क्रॉप करना मामूली लगता है, लेकिन एक ब्राउज़र एडिटर को फ़ाइल को डीकोड करना होता है, पिक्सेल के एक आयत को कैनवास पर कॉपी करना होता है और एक बिल्कुल नई फ़ाइल को एनकोड करना होता है। यह पोस्ट प्रत्येक चरण पर प्रकाश डालती है और बताती है कि क्या बदलता है और क्या समान रहता है।
क्रॉप की गई तस्वीर एक नई फ़ाइल क्यों है, पुरानी नहीं बल्कि क्रॉप की गई - क्रॉप JPEG या PNG से बाइट्स को आसानी से नहीं हटा सकती है, इसलिए एडिटर डीकोड और री-एनकोड करता है
एक JPEG संपीड़ित छवि डेटा संग्रहीत करता है, प्रति दृश्य पंक्ति में एक स्वतंत्र रूप से हटाने योग्य बाइट अवधि नहीं। इसके सिरे से बाइट्स काटने से फ़ाइल ख़राब हो जाएगी, फ़ोटोग्राफ़ को ट्रिम नहीं किया जाएगा। इसलिए एक ब्राउज़र एडिटर चित्र को डीकोड करता है, एक आयत का चयन करता है और एक नई एन्कोडेड फ़ाइल बनाता है। मूल आपकी डिस्क पर रहता है. यदि आपको प्रतिवर्ती संपादन की आवश्यकता है, तो स्रोत और चयन निर्देशांक रखें: निर्यात की गई फसल में गायब पिक्सेल नहीं हैं।
छवि को बिटमैप में डिकोड करना - ब्राउज़र कुछ भी चुनने से पहले संपीड़ित बाइट्स को RGBA पिक्सेल की चौड़ाई × ऊंचाई ग्रिड में कैसे बदल देता है
ब्राउज़र संपीड़ित JPEG, PNG या WebP को चौड़ाई × ऊंचाई नमूनों के साथ बिटमैप में बदल देता है। एक 4000×3000 छवि किसी भी क्रॉप से पहले बारह मिलियन पिक्सेल का प्रतिनिधित्व करती है, और प्रति पिक्सेल कई बाइट्स डिस्क पर फ़ाइल की तुलना में इसके इन-मेमोरी फ़ुटप्रिंट को बहुत बड़ा बना सकते हैं। ToolAcre बहुत बड़े कार्यस्थान आवंटित करने से पहले छवि और कैनवास सीमाओं की जाँच करता है। आप स्क्रीन पर जो देखते हैं उसे व्यूपोर्ट में फिट करने के लिए ज़ूम किया जा सकता है; पिक्सेल की प्रतिलिपि बनाने से पहले फसल आयत को छवि निर्देशांक पर वापस मैप किया जाना चाहिए।
एक आयत का चयन करना: स्रोत और गंतव्य निर्देशांक - कैसे ड्रॉइमेज एक चुने हुए क्षेत्र को लक्ष्य आकार के कैनवास पर कॉपी करता है, और पूरे पिक्सेल को गोल करने का क्या मतलब है
एक आयत एक मूल (x,y) प्लस चौड़ाई और ऊंचाई है, जिसे स्रोत पिक्सेल में मापा जाता है। ToolAcre उस आयत को दस्तावेज़ की सीमा में सीमित करता है और प्रत्येक दृश्यमान परत को क्रॉप करता है, न कि केवल समग्र पूर्वावलोकन का स्क्रीनशॉट। प्रत्येक परत के लिए यह एक लक्ष्य कैनवास बनाता है और नौ तर्कों के साथ ड्रॉइमेज को कॉल करता है: स्रोत कैनवास, स्रोत आयत, गंतव्य मूल और गंतव्य आकार। समान स्रोत और गंतव्य आयामों के साथ, आकार बदलने के चरण के बिना पिक्सेल का चयन किया जाता है। भिन्नात्मक सूचक स्थितियों को प्रतिनिधित्व योग्य कैनवास पिक्सेल में गोल या क्लैंप किया जाता है।
परिणाम को फ़ाइल में एन्कोड करना - निर्यात चरण प्रारूप और गुणवत्ता क्यों तय करता है, और फसल स्वयं सटीक क्यों होती है जबकि एन्कोडिंग नहीं हो सकती है
निर्यात फसल से अलग कार्य है। संपादित कैनवास को विकल्पों और ब्राउज़र समर्थन के आधार पर PNG, JPEG या WebP के रूप में एन्कोड किया जा सकता है। PNG अपने दोषरहित एनकोडर को आपूर्ति किए गए पिक्सेल को संरक्षित कर सकता है; JPEG कुछ विवरण को हटा देता है, भले ही आयत बिल्कुल सही ढंग से चुना गया हो, और अल्फा के बिना प्रारूप का उपयोग करते समय पारदर्शिता को एक जानबूझकर पेजभूमि की आवश्यकता होती है। नई फ़ाइल स्रोत मेटाडेटा या रंग जानकारी को भी छोड़ सकती है, इसलिए इसे कभी भी मूल के बाइट-दर-बाइट उपसमुच्चय के रूप में वर्णित न करें।
व्यावहारिक उदाहरण: 4000×3000 फ़ोटो को 1600×900 बैनर में क्रॉप करना - डिकोड, कॉपी और निर्यात के माध्यम से पिक्सेल गणना का पालन करना
4000×3000 फोटो वाले ब्लॉगर के लिए, एक केंद्रित 1600×900 बैनर x=1200 और y=1050 से शुरू होता है। ड्रॉइमेज कॉलम 1200 से 2799 और पंक्तियों 1050 से 1949 को 1600×900 आउटपुट में कॉपी करता है: बारह मिलियन के बजाय 1.44 मिलियन पिक्सेल। यदि आप इसके बजाय एडिटर से पूरी तस्वीर को 1600×900 तक छोटा करने के लिए कहते हैं, तो आप इसे क्रॉप करने के बजाय इसका पहलू अनुपात और पुन: नमूना बदल देते हैं। मेमोरी-सीमित फोन पर एडिटर पहले बहुत बड़े इनपुट को कम कर सकता है, इसलिए इन निर्देशांकों को दोहराने से पहले प्रदर्शित आयामों की जांच करें।
एक निर्यातित फसल मूल तस्वीर से उबर नहीं सकती
यह हानिरहित JPEG ब्लॉक क्रॉपिंग नहीं है: एप्लिकेशन पिक्सेल खींचता है और एक नया कंटेनर निर्यात करता है। न ही निर्यात की गई 1600×900 फ़ाइल मूल को बंद करने के बाद छोड़े गए मार्जिन को पुनर्प्राप्त कर सकती है। एक स्तरित संपादन दस्तावेज़ फिर से अलग होता है: क्रॉपिंग दस्तावेज़ परतों पर कार्य करती है, जबकि निर्यात उन्हें डाउनलोड की गई छवि में मिश्रित करता है। संवेदनशील सामग्री के लिए, केवल एक अपारदर्शी ओवरले खींचने की तुलना में मार्जिन काटना अधिक सुरक्षित है, लेकिन निर्यात किए गए पिक्सेल का निरीक्षण करें और मूल को निजी रखें।
टेकअवे: सटीक पिक्सेल, नया कंटेनर - ब्राउज़र क्रॉप सटीक क्यों है और ब्राउज़र इमेज और ड्रॉइंग एडिटर फ़ाइल अपलोड किए बिना इसे कैसे निष्पादित करता है
एक ब्राउज़र क्रॉप इस बारे में सटीक होता है कि कौन से डिकोड किए गए पिक्सेल को रखना है, जबकि चुना हुआ एनकोडर डाउनलोड की गई फ़ाइल को नियंत्रित करता है। ब्राउज़र छवि और आरेखण एडिटर आपके डिवाइस पर दोनों चरण निष्पादित करता है: एक चित्र लोड करें, एक आयत चुनें, क्रॉप करें और निर्यात करें। नेटवर्क को किसी भी चरण के लिए फोटो बाइट्स की आवश्यकता नहीं है, लेकिन साइट संपत्तियों और प्रकट AdSense/analytics अनुरोधों को DevTools में फ़ाइल अपलोड के साथ भ्रमित नहीं किया जाना चाहिए।