कभी-कभी आप उच्च परिभाषा (एचडी) या रेटिना स्क्रीनशॉट बनाना चाहते हैं। इन हाई डेफिनिशन स्क्रीनशॉट के रिज़ॉल्यूशन में वृद्धि हुई है, लेकिन धीमी हैं और बड़े आयामों के साथ धीमी हो जाती हैं इस कारण से यह बहुत बड़ी छवि बनाने के लिए अनुशंसित नहीं है। इस तरह से आपको संभवतः स्क्रीनशॉट रेंडर करने का मौका देने के लिए एक देरी निर्दिष्ट करने की आवश्यकता होगी।
निम्न कोड दिखाता है कि एचडी पैरामीटर को सही पर सेट करके प्रत्येक भाषा में एक उच्च परिभाषा स्क्रीनशॉट कैसे बनाया जाए। यह छवि की चौड़ाई और ऊंचाई को दोगुना करके एक उच्च रिज़ॉल्यूशन की छवि बनाता है, जिससे मानक स्क्रीनशॉट का रिज़ॉल्यूशन चार गुना बढ़ जाता है। हालाँकि यह काउंटर उत्पादक होगा किसी भी चीज पर -1 की चौड़ाई और ऊंचाई निर्धारित करें के रूप में इस छवि को फिर से नीचे बढ़ाया जाएगा!
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.8/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.bbc.co.uk",
{"hd":1,"width":-1,"height":-1}).Create();
</script>
बाईं ओर एक मानक स्क्रीनशॉट का एक उदाहरण है और दाईं ओर ऊपर कोड द्वारा निर्मित एक उच्च परिभाषा स्क्रीनशॉट है, दोनों स्क्रीनशॉट में समान ऊंचाई है।
छवि रिज़ॉल्यूशन को सटीक रूप से सेट करना
ब्राउज़र की चौड़ाई की तुलना में बड़ी चौड़ाई निर्दिष्ट करके विभिन्न आकारों के उच्च परिभाषा स्क्रीनशॉट भी बनाए जा सकते हैं। GrabzIt तब ब्राउज़र को खींचती है ताकि छवि को बढ़ाया जा सके। हालाँकि इस तरह से हाई डेफिनिशन स्क्रीनशॉट बनाते समय माप किए गए हैं गलत हैं, यही वजह है कि पूर्ण-लंबाई वाले स्क्रीनशॉट हमेशा इस मोड में पूरी तरह से आकार या स्केल नहीं किए जाते हैं।
यदि आप इस पद्धति का उपयोग करके सही ढंग से स्केल की गई उच्च परिभाषा छवियों को बनाने के मुद्दे हैं, तो कृपया एक छवि चौड़ाई और ऊंचाई का उपयोग करने का प्रयास करें मूल ब्राउज़र आयामों का x2, x3 या x4 है।
तत्वों को लक्षित करते समय यह मोड भी ठीक से काम नहीं करेगा। यदि आप तत्वों को लक्षित करना चाहते हैं तो यह अनुशंसा की जाती है कि आप ऊपर दिखाए गए अनुसार एचडी पैरामीटर सेट करें।