इमेज पर वॉटरमार्क

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

लाइव प्रीव्यू आपकी फ़ोटो के ऊपर लेयर्ड एक पोज़िशन्ड DOM एलिमेंट है, लेकिन फ़ाइनल इमेज एक <canvas> पर असली पिक्सल वर्क है। जब आप अप्लाई दबाते हैं, ओरिजिनल इमेज फ़ुल रिज़ॉल्यूशन पर ड्रॉ होती है, फिर canvas कॉन्टेक्स्ट को नौ एंकर पॉइंट्स में से एक पर ट्रांसलेट किया जाता है (कॉर्नर्स, एज मिडपॉइंट्स, सेंटर, हर एक 6% मार्जिन से इनसेट), आपके एंगल से रोटेट किया जाता है, और टेक्स्ट को fillText() से आपके कलर और ओपैसिटी के साथ globalAlpha के ज़रिए ड्रॉ किया जाता है। टेक्स्ट एलाइनमेंट और बेसलाइन हर एंकर के हिसाब से सेट होते हैं ताकि प्रीव्यू में "बॉटम-राइट" आउटपुट में उसी रिलेटिव जगह पर पहुंचे।

सूक्ष्म हिस्सा स्केल है। आपका ऑन-स्क्रीन प्रीव्यू 500 पिक्सल चौड़ा हो सकता है जबकि असली फ़ोटो 4,000 है, इसलिए एक नैव टूल एक ऐसा वॉटरमार्क रेंडर करता है जो प्रीव्यू में सही दिखा लेकिन माइक्रोस्कोपिक निकलता है। यह डिस्प्ले किए गए प्रीव्यू विड्थ और इमेज की नैचुरल विड्थ के बीच का रेशो नापता है और फ़ॉन्ट साइज़ को उससे गुणा करता है, इसलिए प्रीव्यू में 48px का मतलब है फ़ुल-रिज़ॉल्यूशन फ़ाइल में वही प्रोपोर्शनल साइज़। रिज़ल्ट ओरिजिनल फ़ॉर्मैट में री-एनकोड होता है: JPEG 0.95 क्वालिटी पर, PNG लॉसलेस (सबसे शार्प संभव टेक्स्ट एजेज़ चाहिए तो PNG चुनें)।

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

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