बूटस्ट्रैप कैरोसेल: इष्टतम छवि आकार?

Question

मैं Bootstrap के कैरोसेल के साथ प्रयोग कर रहा हूं और तस्वीरों के साथ इसका उपयोग करना चाहता हूं।

प्रश्न: कैरोसेल पर उपयोग के लिए मुझे चित्रों के लिए इष्टतम आकार क्या है?

वर्तमान बूटस्ट्रैप वितरण में (v3.2.0) उदाहरण carousel.html एक पृष्ठभूमि के रूप में एक सरल 1x1 पिक्सेल छवि का उपयोग करता है:

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide"> 

मैं नहीं पा सके इस दस्तावेज और तस्वीरें मैं साथ प्रयोग किया है मेरे लैपटॉप स्क्रीन पर फैला/विकृत।

Answer 1

वास्तव में कोई "इष्टतम" छवि आकार नहीं है। उदाहरण में 1x1 पिक्सेल के साथ, यह एक पिक्सेल है जो इसके युक्त div के पूर्ण अवधि को कवर करने के लिए बार-बार दोहरा रहा है।

यह Bootply Demo of Carousel एक उदाहरण के रूप में 1024x700 पीएक्स छवि का उपयोग करता है। यदि आप एक कैरोसेल छवि चाहते हैं जो स्क्रीन की पूरी चौड़ाई फैलती है तो शायद कम से कम 1024 पीएक्स चौड़ा (संभवतः व्यापक) वाली छवि का उपयोग करना एक अच्छा विचार है, हालांकि आप इसे उच्च रिज़ॉल्यूशन नहीं करना चाहते हैं, क्योंकि लोड करने में काफी समय लगेगा।

छवि ऊंचाई शायद चौड़ाई से कम होने जा रही है और वास्तव में यह निर्भर करता है कि आप किस प्रकार की छवि का उपयोग कर रहे हैं और आप कैरोसेल छवि को कितना लंबा चाहते हैं।

अन्यथा, सबसे अच्छी बात यह है कि अलग-अलग छवियों को आज़माएं और देखें कि क्या अच्छा दिखता है।

नोट: Bootply डेमो http://placehold.it जो अलग छवि आकार आज़माने के लिए एक अच्छा उपकरण है का उपयोग करता है, या http://placekitten.com/ की जाँच करें।