स्तंभ में छवि निचोड़ा हुआ

नमस्ते,

मुझे लगता है कि यह सामान्य नहीं है क्योंकि स्क्रीन साइज़ के हिसाब से कॉलम का आकार बदला जाता है। आमतौर पर रेस्पॉन्सिव टेम्प्लेट में सभी इमेज पर एक प्रॉपर्टी max-width: 100% लागू होती है ताकि उन्हें रेस्पॉन्सिव बनाया जा सके। अगर आपके पास यह प्रॉपर्टी नहीं है, तो इमेज का एक निश्चित आकार होता है, यह छोटी स्क्रीन पर काम नहीं करेगा।

संलग्न देखें कि आमतौर पर 3 कॉलम के साथ क्या होता है।

चीयर्स,

हालाँकि TO की समस्या के काफी समय बाद भी मुझे इसे पुश करना पड़ रहा है क्योंकि मुझे भी यही समस्या है। और मुझे इस व्यवहार का कारण पता चल गया है: ऐसा तब होता है जब आप चित्रों का आकार बदलते हैं और चित्र गुण संवाद में चित्र का कोई भी पैरामीटर बदलते हैं (या क्या इसे छवि गुण कहते हैं? मैं अंग्रेजी संस्करण का उपयोग नहीं कर रहा हूँ)।
एक उदाहरण: मैंने अपने लेख में एक चित्र डाला और माउस से उसे 400x300px पर खींचकर उसका आकार बदला। सोर्स कोड में
width="400" hight="300" है।
अब चित्र गुण संवाद शुरू करने के लिए चित्र पर डबल-क्लिक करें और बस OK पर क्लिक करें। अब सोर्स कोड बदलकर
img style="width:400px; hight:300px;" हो गया है।
यह HTML में आकार पैरामीटर डालने का एक और तरीका है, लेकिन style="... तरीका ब्राउज़र विंडो का आकार बदलते समय किसी कारण से चित्रों को संकुचित कर देता है।

क्या कोडिंग बदलने का कोई तरीका है?

नमस्ते,

इस पर आपकी प्रतिक्रिया के लिए धन्यवाद। क्या आप मुझे बताई गई इमेज सेटिंग्स का स्क्रीनशॉट यहाँ पोस्ट कर सकते हैं?
वैसे, अपनी सामग्री में इमेज का आकार बदलने के लिए हैंडल का इस्तेमाल न करें, इससे इमेज अप्राकृतिक आकार में दिखाई देंगी, जिससे भारी होने और डिस्प्ले पर खराब क्वालिटी मिलने का दोहरा फायदा होगा। इससे रेस्पॉन्सिव पार्ट में भी समस्या आ सकती है।

चीयर्स,

ट्रिस्टन, जवाब देने के लिए धन्यवाद, बेशक मैं कुछ स्क्रीनशॉट ले सकता हूँ।

मैंने एक तस्वीर के साथ एक सरल उदाहरण दिया जिसका मूल आकार 800x535px है।

1. ड्रॉप एडिटर में सीधे हैंडल का उपयोग करके इसका आकार बदला (वैसे, जब तक आप आनुपातिक रहते हैं, तब तक ऐसा करने में कोई बुराई नहीं है)। सिकुड़ी हुई ब्राउज़र विंडो पर लॉक करें, छवि सही अनुपात में है और पूरी तरह से प्रतिक्रियाशील है। [resized_in_dropedit_by_handles.png]

2. फिर मैंने गुण संवाद खोलने के लिए तस्वीर पर डबल-क्लिक किया, कुछ नहीं बदला - केवल 'ओके' पर क्लिक किया। जैसा कि आप देख सकते हैं, स्रोत कोड बदल गया है और उसी सिकुड़ी हुई ब्राउज़र विंडो में वही तस्वीर संकुचित दिखाई दे रही है और अब प्रतिक्रियाशील नहीं है। [resized_by_properties-dialog.png]

मुझे उम्मीद है कि इससे समस्या अधिक स्पष्ट हो जाएगी और DropEditor बेहतर बनाने में मदद मिलेगी (मुझे लगता है कि DE सबसे स्मार्ट जूमला एडिटर है)।

वैसे, यह एक और मुद्दा है, लेकिन क्या छवियों के गुण संवाद में एक इमेज-क्लास फ़ील्ड प्राप्त करना संभव होगा? इससे कक्षा परिवर्तन थोड़ा और आरामदायक हो जाएगा।

सादर, फ्रैंक

नमस्ते,


ठीक है, मुझे लगता है समझ आ गया। यह समस्या एडिटर में शामिल पुराने इमेज एडिटर टूल (सिर्फ़ इमेज बटन प्रॉपर्टी) की वजह से है।
Droppics के एक अपडेटेड वर्ज़न पर काम कर रहे हैं जो ऑनफ़्लाई रियल थंबनेल जनरेट करके इस समस्या का समाधान करेगा।

इमेज के प्राकृतिक आकार के बारे में पहले विचार करने से समस्या नहीं बदलती, यह सिर्फ़ एक सलाह है। यह आपकी वेबसाइट को धीमा कर देता है और सभी SEO टूल विश्लेषण इसे एक त्रुटि के रूप में पहचान लेते हैं। क्रोम के अंतर्गत हैंडल टूल को एडिटर से हटा दिया गया है।

चीयर्स,

ठीक है, यह एक बढ़िया अपडेट होगा।

droppics के साथ कस्टम-साइज़्ड डुप्लिकेट बनाकर मैन्युअल रूप से ऐसा करता था । एक स्वचालित थंबनेल ज़्यादा सुविधाजनक होगा - बहुत स्वागत योग्य। मेरी समस्या यह है कि लेखों में उनके अधिकतम आकार के साथ रखी गई तस्वीरें उच्च रिज़ॉल्यूशन वाली डिस्प्ले पर थोड़ी धुंधली दिखाई देती हैं। उदाहरण के लिए, किसी लेख में रखी गई 400x300px की एक तस्वीर मेरे ऑफिस के 72 dpi वाले मॉनिटर पर ठीक दिख रही है, जबकि 200dpi से कम वाले टैबलेट पर यह धुंधली दिख रही है (ब्राउज़र के आकार बदलने के कारण)। 600x448px के भौतिक आयामों वाली एक तस्वीर, जिसका आकार बदलकर 400x300px कर दिया गया है, हाई-रेज़ डिस्प्ले पर ज़्यादा शार्प दिखती है। फ़ाइल का आकार थोड़ा बड़ा है - हाँ, लेकिन इतना ज़्यादा नहीं... हाई-रेज़ डिस्प्ले के लिए, मुझे तस्वीरों को शार्प दिखाने का कोई और तरीका नहीं पता।

सादर, फ्रैंक

ठीक है, यह एक बढ़िया अपडेट होगा।

droppics के साथ कस्टम-साइज़ डुप्लिकेट जनरेट करके यह काम मैन्युअली करता था । एक स्वचालित रूप से जनरेट किया गया थंबनेल ज़्यादा सुविधाजनक होगा - बहुत स्वागत योग्य। इसमें मेरी समस्या यह है कि लेखों में उनके अधिकतम आकार के साथ रखी गई तस्वीरें उच्च रिज़ॉल्यूशन डिस्प्ले पर थोड़ी धुंधली दिखती हैं। उदाहरण के लिए, किसी लेख में रखी गई 400x300px की एक तस्वीर मेरे ऑफिस के 72 dpi वाले मॉनिटर पर ठीक दिख रही है, लेकिन 200dpi वाले टैबलेट पर यह धुंधली दिख रही है (ब्राउज़र के आकार बदलने के कारण)। 600x448px के भौतिक आयामों वाली एक तस्वीर जिसका आकार बदलकर 400x300px कर दिया गया है, HiRes डिस्प्ले पर ज़्यादा शार्प दिखती है। फ़ाइल का आकार थोड़ा बड़ा है - हाँ, लेकिन इतना भी नहीं... HiRes डिस्प्ले के लिए मुझे तस्वीरों को शार्प दिखाने का कोई और तरीका नहीं पता।

सादर, फ्रैंक

PS इसे दोबारा पोस्ट करने के लिए क्षमा करें, सिस्टम ने तीर-प्रतीक का उपयोग करने के कारण मेरे टेक्स्ट को काट दिया। मैं अपने अगले संदेशों में अधिक सावधान रहूँगा