2011-08-24 17 views
9

त्वरित विचाराधीन छवि का आकार निर्दिष्ट करने के लिए कैसे:पिक्सल में छवियों का आकार निर्दिष्ट करने के बारे पिक्सल

<img src="/logo.jpg" alt="logo" width="200px" height="120px" /> 

या

<img src="/logo.jpg" alt="logo" width="200" height="120" /> 

मैं कर रहा हूँ हमेशा पिक्सल में डाल लेकिन हाल ही में देखा है कि बहुत कुछ लोग ऐसा करते हैं। क्या मैं इसे छोड़ने से बेहतर हूं? क्या यह एक तरह से मायने रखता है या दूसरा?

+1

एक छवि तत्व के आकार नंबर दिए गए हैं, नहीं "पीएक्स" या अन्य उपाय abreviation। यो एचटीएमएल –

उत्तर

8

जहाँ तक मुझे पता है, आप लेबल को img टैग पर चौड़ाई/ऊंचाई विशेषता मानों में नहीं जोड़ते हैं, और मुझे विश्वास है (हालांकि गलत हो सकता है) ऐसा इसलिए है क्योंकि पिक्सेल का उपयोग किए बिना किया जाता है। सीएसएस में, हालांकि, चौड़ाई और ऊंचाई निर्दिष्ट करने के लिए कोई अलग इकाइयों का उपयोग कर सकता है, इसलिए सीएसएस का उपयोग करते समय लेबल जोड़ना उचित है।

+1

पिक्सेल का उपयोग तब तक किया जाता है जब तक कि आप इसे प्रतिशत के रूप में निर्दिष्ट न करें :) – Stefan

0

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

+0

में सीएसएस में पीएक्स या अन्य का उपयोग नहीं कर सकते हैं मुझे नहीं लगता कि यह HTML आकार के एट्रिबर्स में "पीएक्स" को शामिल करने के लिए एक वेब मानक है। इस के लिए अभी तक कोई बड़ा सबूत नहीं मिला है, लेकिन अगर मैं ऐसा करता हूं तो मैं वापस आऊंगा: पी – Stefan

+0

जेम्स, 'पीएक्स' इकाई जोड़कर आउटलुक (और संभवतः अन्य अनुप्रयोग) छवियों को स्केल करेंगे जैसे कोई ऊंचाई/चौड़ाई निर्दिष्ट नहीं की गई थी , तो यह * चोट * करता है। देखें: http://stackoverflow.com/questions/36485410/html-ignature-is-resizing-only-some-images-in-outlook?noredirect=1#comment60722825_36485410 – Aziz

1

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

1

यह सत्यापित करने वाली कोई भी जानकारी नहीं मिल सका, लेकिन मैं HTML में इकाई (यदि प्रतिशत नहीं) के बिना पूर्णांक का उपयोग करता हूं और सीएसएस में "पीएक्स" का उपयोग करता हूं, शून्य मानों को छोड़कर जहां यूनिट छोड़ना अधिक सही होता है ।

http://www.w3.org/TR/CSS2/visudet.html#the-width-property

+0

ऐसा लगता है कि यह फ़ायरफ़ॉक्स वेब सत्यापनकर्ता द्वारा लिया गया दृष्टिकोण है, यह एक त्रुटि के रूप में पीएक्स के उपयोग को झुकाता है – tjb

0

उपयोग सीएसएस छवि का आकार पर विचार करना:

सीएसएस:

.logo { 
width: 200px; 
height: 120px; 
} 

HTML:

<img src="/logo.jpg" alt="logo" class="logo" /> 
संबंधित मुद्दे