कैसे स्केलिंग छवियों काम करता है?

ज्यादातर मामलों में, मैं जिस स्क्रीनशॉट को लेने की कोशिश कर रहा हूं, वह ब्राउज़र पर कम है, लेकिन मैं इसे अधिक से अधिक निर्यात करना चाहता हूं। मैं वेब पेज पर तत्व की ऊंचाई और चौड़ाई को इंगित करने के लिए और फिर चौड़ाई और ऊंचाई मान जो मैं चाहता हूं (जो कि एक ही पहलू अनुपात होगा) को इंगित करने के लिए मैं बाइट और बैंडविड्थ मान का उपयोग कर रहा हूं। कुछ मामलों में, ऊँचाई 2-4 से भी अधिक बार होती है और इससे छवि धुंधली होने लगती है।

Div के अंदर सभी तत्व जिन्हें मैं पकड़ने की कोशिश कर रहा हूं, हालांकि उनके आकार के 100% से बड़ा नहीं हो रहा है। इसलिए उदाहरण के लिए, div की बैंडविड्थ 300px हो सकती है और मैं चाहता हूं कि यह 900px के रूप में विस्तृत हो। उस div के अंदर की सभी छवियां 300px से बड़ी नहीं हैं, लेकिन उनकी असली चौड़ाई 1000px है। यह देखते हुए कि छवि 1000px चौड़ी है, इसमें कोई मुद्दा नहीं होना चाहिए 900px चौड़ा, लेकिन यह धुंधला दिखता है जैसे कि यह वास्तव में एक 300px चौड़ी छवि है जो कि ज़ूम किया गया है। 

इसके अतिरिक्त, उस छवि का पाठ धुंधला है। 

कुछ सवाल:

  - क्या मुझसे कुछ ग़लत हो रहा है?

  कैसे Grabzit पैमाने पर है? क्या यह 300px चौड़ी (ऊपर मेरे उदाहरण में) स्क्रीनशॉट ले रहा है और फिर बाद में इसे बढ़ा रहा है? या यह पहले HTML से मेरे तत्वों को स्केल कर रहा है, फिर स्क्रीनशॉट वापस कर रहा है?

  - क्या मैं एचटीएमएल को परिवर्तित करना चाहता हूं यह हासिल करने का एकमात्र तरीका है कि सभी ऊंचाई और चौड़ाई मूल्यों को मेरे इच्छित पैमाने से बढ़ाया जाए?

मैं DataURI के साथ ConvertHTML विधि का उपयोग कर रहा हूं

धन्यवाद।

उपयोग करने की जानकारी एचडी चित्र यहां देखे जा सकते हैं।

आपको एचडी पैरामीटर और -1 चौड़ाई का उपयोग करना चाहिए और यह छवि के आकार को दोगुना कर देगा।

सटीक आकार निर्धारित करने के लिए चौड़ाई का उपयोग करने की अनुशंसा नहीं की जाती है। इसके अतिरिक्त ऊँचाई निर्धारित करने का अर्थ यह होगा कि छवि को ज़ूम किया जाता है और फिर ऊँचाई को बढ़ाया जाता है जिससे छवि धुंधली हो जाएगी।

एचडी छवियां ब्राउज़र विंडो को ज़ूम करके और स्क्रीनशॉट बनाकर काम करती हैं।

धन्यवाद। समस्या यह है कि HD केवल 2X को मापता है और कभी-कभी मुझे इससे अधिक की आवश्यकता होती है। वहाँ एक तरह से मेरे लिए एक सेटिंग है HD, जहाँ मैं पैमाने पर सेट? यदि नहीं, तो क्या मैं जो करने की कोशिश कर रहा हूं उसे प्राप्त करने का एक अलग तरीका है?

अभी के अनुसार, यह मेरे लिए एकमात्र तरीका है जैसे मैं जो एचटीएमएल पर कब्जा करना चाहता हूं उसे हासिल करना चाहता हूं, फिर ऊंचाई और चौड़ाई की सभी इनलाइन शैलियों को समायोजित करने के लिए जावास्क्रिप्ट का उपयोग करें और जिस पैमाने पर मैं चाहता हूं उसकी ऊंचाई और चौड़ाई के साथ प्रतिस्थापित करें।

धन्यवाद

ठीक है, आप चौड़ाई का उपयोग करके अपना खुद का ज़ूम सेट कर सकते हैं, लेकिन लंबाई को आकार में बदलने की छवि से बचने के लिए आपको ऊँचाई को -1 पर सेट करना होगा।

लेकिन मैं चाहता हूं कि ऊंचाई को भी आकार दिया जाए। तो अगर मेरे पास स्क्रीन पर 300x300 की एक छवि है, लेकिन मैं चाहता हूं कि इसे 900x900 के रूप में निर्यात किया जाए, तो 1xNUMX छवि में ऊँचाई -900 परिणामों को सेट करना। 

हां, खेद है कि आप ऊंचाई निर्धारित करने के संबंध में सही हैं।

ऐसा लगता है कि वर्तमान में चौड़ाई सेट करने के माध्यम से ज़ूम इन किया गया है। मैंने इसे ठीक करने के लिए एक मामला उठाया है।

ठीक है मुझे बताने के लिए धन्यवाद। किसी भी विचार को इस प्रकार की चीजों में कितना समय लगता है? मुझे पता है कि समयसीमा देना मुश्किल है लेकिन समय की कोई भी समझ मेरे लिए मददगार होगी।  

उम्मीद है कि अगले दिन या तो।

यह आश्चर्यजनक होगा, धन्यवाद। 

मुद्दा अब तय हो गया है।

महान, इतनी जल्दी इस पर काम करने के लिए धन्यवाद। क्या यह कुछ ऐसा है जिसे मैं अपने अंत में तुरंत देखूंगा या इसमें कुछ समय लगेगा? मेरे पूछने का कारण यह है क्योंकि मैंने अभी इसका परीक्षण किया है और ऐसा ही लगता है। 

एक बार फिर धन्यवाद

मैंने अभी इसकी कोशिश की है और जब चौड़ाई ब्राउज़र की चौड़ाई से अधिक हो तो ज़ूम काम करता है।

शायद मैं गलत समझ रहा हूं कि क्या तय किया गया था। मैं एक ही div का परीक्षण कर रहा हूं, लेकिन विभिन्न ब्राउज़र आकारों के साथ। ब्राउज़र जितना छोटा होता है, अंतिम छवि उतनी ही धुंधली होती है, हालांकि यह बिल्कुल वैसी ही होती है।  

दूसरे शब्दों में, मेरी एक अंतिम छवि है जो 1000px x 1000px होगी। जब ब्राउज़र पर 800x800, 600x600, 400x400, आदि और छोटी बैंडविड्थ / bheight (या अंतिम चौड़ाई / ऊँचाई तक बड़ा) है, तो अधिक धुंधली अंतिम छवि है मैंने इसे परीक्षण किया है। 

यदि मेरी छवि बहुत अच्छी लगती है, जब एक्सम्यूम / bheight 800x800 है, तो क्या छवि 400x400 के समान नहीं होनी चाहिए? 

धन्यवाद

एचडी की सिफारिश की जाती है क्योंकि यह केवल उस छवि के आकार को दोगुना करता है जो सर्वोत्तम परिणाम उत्पन्न करता है।

फिक्स का मतलब है कि ज़ूम अब वास्तव में किया जाता है यदि चौड़ाई ब्राउज़र की चौड़ाई से बड़ी है।

यदि आप चौड़ाई और ऊंचाई का उपयोग कर रहे हैं तो आपको सबसे अच्छा परिणाम बनाने के लिए ब्राउज़र आयामों के संबंध में चौड़ाई और ऊँचाई को दोगुना या तिगुना करना चाहिए। ऐसा इसलिए है क्योंकि दुर्भाग्य से ज़ूम काम करता है स्तरों में और प्रतिशत नहीं। तो चौड़ाई में अंतर से गणना किए गए किसी भी प्रतिशत ज़ूम को एक स्तर पर परिवर्तित किया जाना चाहिए जो कि आकार का एक साधारण कारक नहीं होने पर बहुत सटीक नहीं है।

एचडी कुछ ऐसी चीज नहीं है जिसका मैं उपयोग कर सकता हूं (जब तक कि मैं कुछ याद नहीं कर रहा हूं) क्योंकि कुछ मामलों में मुझे सटीक आयाम की आवश्यकता है, न कि एक्सएनयूएमएक्सएक्स आकार की। और कुछ मामलों में, मुझे 2X से अधिक की आवश्यकता है।

मुझे देखने दो अगर मैं समझ गया कि तुम क्या कह रहे हो। मान लीजिए कि मेरे पास HTML है जो कि 200x200 है और मैं 900x900 का अंतिम आकार चाहता हूं। कि 4.5 x का आकार है। क्या आप यह कह रहे हैं कि यह केवल 800x800 या 1000x1000 (4X या 5x आकार) को सर्वश्रेष्ठ परिणामों के साथ बनाएगा लेकिन .5x अंतर क्या है जो धुंधलापन पैदा करता है?

अगर मेरे पास यह सही है, तो सबसे अच्छा समाधान है कि HTML भेजने से पहले हेरफेर करें? तो मूल रूप से, मुझे HTML बनाना चाहिए जो सही आकार है और फिर किसी ज़ूम की आवश्यकता नहीं होगी?

धन्यवाद

हां बहुत ज्यादा है, जैसे-जैसे जूम बढ़ता है वैसे-वैसे लेवल बड़े होते जाते हैं।

तो जोक्स x2, x3 या x4 नहीं हैं, वे गलत होंगे क्योंकि आयाम बंद हो जाएंगे। केवल दस संभावित ज़ूम स्तर भी हैं, जिससे मुझे लगता है कि अधिकतम X5 के बराबर है।