एप्लिकेशन स्क्रीनशॉट का पूर्ण स्क्रीन आकार प्रदर्शित करने के लिए उपयोग करने के लिए सबसे अच्छा आकार क्या है?

Question

मैं स्क्रीनशॉट का आकार अधिकतम करना चाहता हूं और अधिकतम के लिए भी स्क्रॉल बार या अतिप्रवाह से बचना चाहता हूं।

आप किस आकार की सलाह देते हैं?

मैं लाइटबॉक्स का उपयोग कर रहा हूं।

Answer 1

यहां Google का उत्कृष्ट ब्राउज़र आकार टूल दिखाया गया है कि कितने प्रतिशत उपयोगकर्ता आपकी वेबसाइट के विभिन्न क्षेत्रों को देखेंगे। यह वास्तव में वेबपृष्ठों को जांचने और यह सुनिश्चित करने में मदद करता है कि 'उथली' स्क्रीन पर लोग (ज्यादातर लैपटॉप बहुत विस्तृत हैं, लेकिन बहुत उथले / गहरी स्क्रीन नहीं हैं) आपकी महत्वपूर्ण सामग्री और कॉल को देख सकते हैं।

अपडेट : Google ने अब Google Analytics में इस कार्यक्षमता को जोड़ा है, जिससे आप देख सकते हैं कि आपके विज़िटर आपकी साइट को कितना देख सकते हैं: http://analytics.blogspot.com/2012/06/new-feature-conduct-browser-size। एचटीएमएल

Comments

ग्राफिक्स एक Google ऐप के लिए यहूदी बस्ती की तरह हैं, लेकिन यह एक बहुत उपयोगी उपकरण की तरह दिखता है, और मुझे लगता है कि वे संभवतः प्रतिशत ब्रेकडाउन को नियमित रूप से अपडेट करते हैं ताकि आपके पास नवीनतम स्क्रीन आकार डेटा हो।

— लेजे मेजेस्टे

हाँ, यहूदी बस्ती सही शब्द है! यह लैब्स में है, इसलिए मुझे यकीन नहीं है कि यह कितनी अच्छी तरह से बनाए रखा गया है, लेकिन यह विशाल स्क्रीन वाले डिजाइनरों के लिए एक आंख खोलने वाला है।

— nthonygreen

आह, मैं गलत था। छवि उपयोगकर्ता डेटा से लाइव उत्पन्न नहीं होती है। यह सिर्फ वेबपेज पर एक स्थिर छवि ओवरले है, और ऐसा लगता है कि वे एक साल के बारे में में यह अद्यतन नहीं किया है: browsersize.googlelabs.com/static/...

— लिसे majesté

एक त्वरित नोट के रूप में, यदि आपकी स्क्रीन एक निश्चित आकार से अधिक है, तो छवि केवल दोहराती है। अपने 2560x1440 iMac पर, मैं इसे लगभग दो बार देख सकता हूं। यह भी केंद्रित सामग्री के साथ अच्छा नहीं करता है।

— बीआर

यह उपकरण खराब लगता है, यदि आपकी साइट की चौड़ाई निर्धारित नहीं है, तो यह आपके ब्राउज़र को स्केल करेगा , और ओवरले पूरी तरह से गलत है।

— रेशम

Answer 2

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

1024 - 30px (लाइटबॉक्स क्रोम) - 60px (मार्जिन) = 934px चौड़ी छवि।

आपकी साइट के लिए फिर से बारीकियों को अलग किया जा सकता है, खासकर यदि आप चाहते हैं कि लाइटबॉक्स किनारों को आपके पृष्ठ के संबंध में एक निश्चित बिंदु पर रखना चाहिए या यदि आप ग्रिड या कुछ ऐसा करने की कोशिश कर रहे हैं।

Answer 3

एक शांत समाधान 2560x1600 के अधिकतम रिज़ॉल्यूशन पर स्क्रीनशॉट अपलोड करना होगा। फिर जब पृष्ठ लोड होता है, तो ब्राउज़र विंडो के आकार का पता लगाएं, और अपने पहले अनुरोध पर अपने सर्वर पर छवि को आकार देने और सहेजने के लिए एक छवि हैंडलर का उपयोग करें।

इस तरह उच्च रिज़ॉल्यूशन मॉनिटर वाले लोग उपेक्षित नहीं होते हैं।

Comments

क्या आप मज़बूती से ब्राउज़र विंडो के आकार का पता लगा सकते हैं? शायद .. $(window).width()और $(window).height()jQuery में मान्य लगता है!

— जेफ एटवुड

@ जेफ - केवल कुछ समय: stackoverflow.com/questions/2596594/…

— जेरेमी बॉयड