पुरानी कहावत है कि "एक तस्वीर एक हजार शब्दों के बराबर होती है।" यह नारा वेब पर चमकता है, जहां ध्यान जाता है बेहद संक्षिप्त हैं—सही छवि सही ध्यान और आकर्षक पृष्ठ को आकर्षित करके किसी साइट को बना या बिगाड़ सकती है आगंतुक।
फिर भी जब कोई ग्राफ़िक लोड करने में विफल रहता है, तो यह डिज़ाइन को टूटा हुआ दिखता है और, कुछ मामलों में, उस साइट पर उपयोगकर्ता अनुभव को कम कर सकता है। टूटी हुई तस्वीर भेजने वाले "हजार शब्द" निश्चित रूप से सकारात्मक नहीं हैं!
1. गलत फ़ाइल पथ
जब आप किसी साइट के चित्र जोड़ते हैं एचटीएमएल या सीएसएस फ़ाइल, आपको अपनी निर्देशिका संरचना में उस स्थान के लिए एक पथ बनाना होगा जहाँ वे फ़ाइलें रहती हैं। यह कोड है जो ब्राउज़र को बताता है कि छवि को कहां से देखना है और कहां से लाना है। ज्यादातर मामलों में, यह नाम के फोल्डर के अंदर होगा इमेजिस. यदि इस फ़ोल्डर का पथ और इसके अंदर की फ़ाइलें गलत हैं, तो छवियां ठीक से लोड नहीं होंगी क्योंकि ब्राउज़र सही फ़ाइलों को पुनर्प्राप्त करने में सक्षम नहीं होगा। यह उस पथ का अनुसरण करेगा जिसे आपने उसे बताया था, लेकिन यह एक मृत अंत से टकराएगा और, उपयुक्त छवि प्रदर्शित करने के बजाय, खाली हो जाएगा।
2. फ़ाइलें नाम गलत वर्तनी
जैसा कि आप जांच करते हैं फ़ाइल पथ अपनी फ़ाइलों के लिए, सत्यापित करें कि आपने छवि के नाम की वर्तनी सही लिखी है। गलत नाम या गलत वर्तनी छवि-लोडिंग समस्याओं का सबसे आम कारण है।
3. गलत फ़ाइल एक्सटेंशन
कुछ मामलों में, आपके पास फ़ाइल का नाम सही वर्तनी हो सकता है, लेकिन फ़ाइल एक्सटेंशन गलत हो सकता है। यदि आपकी छवि एक है .jpg फ़ाइल, लेकिन आपका HTML एक .png ढूंढ रहा है, एक समस्या होगी। प्रत्येक छवि के लिए सही फ़ाइल प्रकार का उपयोग करें और फिर उसी एक्सटेंशन को अपनी वेबसाइट के कोड में देखें।
इसके अलावा, केस संवेदनशीलता की तलाश करें। यदि आपकी फ़ाइल .JPG के साथ समाप्त होती है, जिसमें सभी अक्षर बड़े अक्षरों में होते हैं, लेकिन आपका कोड .jpg का संदर्भ देता है, सभी लोअरकेस, कुछ वेब सर्वर उन दोनों को अलग-अलग मानते हैं, भले ही वे समान सेट हों पत्र। केस संवेदनशीलता मायने रखती है।
फ़ाइलों को हमेशा छोटे अक्षरों में सहेजना सबसे अच्छा अभ्यास है। ऐसा करने से हम हमेशा अपने कोड में लोअरकेस का उपयोग कर सकते हैं, जिससे हमारी छवि फ़ाइलों के साथ होने वाली एक संभावित समस्या समाप्त हो जाती है।
4. गुम फ़ाइलें
यदि आपकी छवि फ़ाइलों के पथ सही हैं, और नाम और दस्तावेज़ विस्तारण त्रुटि रहित भी हैं, जाँच करें कि फ़ाइलें वेब सर्वर पर अपलोड कर दी गई हैं। साइट लॉन्च होने पर उस सर्वर पर फ़ाइलों को अपलोड करने की उपेक्षा करना एक सामान्य गलती है जिसे अनदेखा करना आसान है।
उन छवियों को अपलोड करें, अपने वेब पेज को रीफ्रेश करें, और यह फाइलों को अपेक्षित रूप से तुरंत प्रदर्शित करना चाहिए। आप सर्वर पर छवि को हटाने और इसे फिर से अपलोड करने का भी प्रयास कर सकते हैं। कभी-कभी स्थानांतरण के दौरान फ़ाइलें दूषित हो जाती हैं (उदाहरण के लिए, एफ़टीपी के दौरान बाइनरी स्थानांतरण के बजाय पाठ द्वारा), इसलिए यह "हटाएं और बदलें" विधि कभी-कभी मदद करती है।
5. छवियों को होस्ट करने वाली वेबसाइट डाउन है
आप आमतौर पर उन छवियों को होस्ट करेंगे जिनका उपयोग आपकी साइट स्वयं करती है सर्वर, लेकिन कुछ मामलों में, आप उन छवियों का उपयोग कर रहे होंगे जो कहीं और होस्ट की गई हैं। यदि छवि होस्ट करने वाली वह साइट नीचे चली जाती है, तो आपकी छवियां भी लोड नहीं होंगी।
6. स्थानांतरण समस्याएं
चाहे कोई छवि फ़ाइल किसी बाहरी डोमेन से लोड की गई हो या आपके स्वयं से, हमेशा एक मौका होता है कि ब्राउज़र द्वारा पहली बार अनुरोध किए जाने पर उस फ़ाइल के लिए स्थानांतरण समस्या हो सकती है। यह समस्या एक सामान्य घटना नहीं होनी चाहिए (यदि ऐसा है, तो आपको एक नए होस्टिंग प्रदाता की तलाश करनी पड़ सकती है), लेकिन यह समय-समय पर हो सकता है।
इस गड़बड़ी का एक सामान्य कारण यह है कि सर्वर अतिभारित है और अनुरोध समय समाप्त होने से पहले सभी पृष्ठ संपत्तियों को जल्दी से सेवा नहीं दे सकता है। आप इस समस्या को अधिक सामान्य रूप से सस्ते प्रावधान वाले वर्चुअल वेब सर्वर के साथ देखेंगे जो अधिक जटिल, स्क्रिप्ट-भारी साइटों को संभालने के लिए संघर्ष करते हैं। यदि यह समस्या बार-बार आती है, तो सर्वर की क्षमताओं को अपग्रेड करने पर विचार करें या एक नया होस्ट खोजें।
7. डेटाबेस की समस्याएं
आधुनिक गतिशील वेब एप्लिकेशन, जैसे वर्डप्रेस, छवियों सहित किसी साइट पर सब कुछ के बारे में जानकारी संग्रहीत करने के लिए डेटाबेस पर भरोसा करते हैं। यदि आपकी साइट छवियों को लोड करने में विफल हो रही है, तो संभावना है कि डेटाबेस में कुछ समस्या आ रही है।
डेटाबेस की समस्याएं होने के कई तरीके हैं। आपका एप्लिकेशन डेटाबेस से कनेक्ट भी नहीं हो सकता है, क्योंकि यह या तो डाउन है या किसी भिन्न सर्वर पर पहुंच योग्य नहीं है। हो सकता है कि डेटाबेस में ही कुछ दूषित हो गया हो, या आपकी डेटाबेस उपयोगकर्ता जानकारी बदल गई हो, जिससे आप लॉग आउट हो गए हों। यहां तक कि साधारण सेटिंग्स परिवर्तन अनपेक्षित परिणामों को ट्रिगर कर सकते हैं जो या तो डेटाबेस को बदल देते हैं या इसे पहुंच से बाहर कर देते हैं। यह देखने के लिए सर्वर लॉग जांचें कि डेटाबेस अपराधी हो सकता है या नहीं।
कुछ अंतिम नोट्स
इसपर विचार करें ALT टैग का उचित उपयोग use और आपकी वेबसाइट की गति और समग्र प्रदर्शन।
ALT, या "वैकल्पिक पाठ," टैग वे हैं जो ब्राउज़र द्वारा प्रदर्शित किए जाते हैं यदि कोई छवि लोड होने में विफल रहती है। वे सुलभ वेबसाइट बनाने में भी एक महत्वपूर्ण घटक हैं जिनका उपयोग कुछ विकलांग लोगों द्वारा किया जा सकता है। आपकी साइट की प्रत्येक इनलाइन छवि में एक उपयुक्त ALT टैग होना चाहिए। CSS के साथ लागू की गई छवियां यह विशेषता प्रदान नहीं करती हैं।