सिक्नुहोस् किन छविहरू तपाईंको वेबसाइटमा प्रदर्शन र कसरी समाधान गर्न सकिँदैन
पुरानो कुरा भनेको "एक तस्वीर हजार शब्दहरूको लायक छ।" यो विशेष रूपमा वेबमा छ, जहाँ ध्यान प्रायः प्रायः प्रायः कम हुन्छन् र त्यसमा सही तस्वीरले सही ध्यान आकर्षित गर्न र पृष्ठका आगन्तुकहरू संलग्न गरेर साइटलाई तोक्न सक्छ वा लामो समयसम्म उनीहरूलाई सिक्ने र विशिष्ट कार्य गर्न सिक्न सिक्ने कार्य जुन साइटको लागि "जीत" संकेत गर्दछ। हो, जब वेबसाइटमा आउँछ, छविहरू वास्तवमा हजारौं भन्दा बढी शब्दहरूको लायक हुन सक्छ!
त्यसैले अनलाइन तस्विरहरु को महत्व संग स्थापित, आउनुहोस् अर्को कुरा तपाईको विचार के हो भने तपाइँको वेबसाइटमा के भन्नु भएको छ कि यदि साइटमा राखिएको छविलाई लोड गर्न असफल भएमा? यो हुन सक्छ कि तपाईंसँग इनलाइन तस्वीरहरू छन् जुन एचटीएमएलको भाग हो वा पृष्ठभूमि छविहरू सीएसएससँग लागू हुन्छन् (र तपाइँको साइटमा प्रायः यी दुवै हो)। तल्लो रेखा यो हो कि जब ग्राफिक पृष्ठमा लोड हुन असफल हुन्छ, यसले डिजाइन लग्यो र केहि अवस्थाहरूमा, त्यस साइटमा प्रयोगकर्ता अनुभव पूर्णरुपमा नष्ट गर्न सक्दछ। "हजार शब्दहरू" जुन तस्वीर पठाइदैछ निश्चित रूपमा सकारात्मक व्यक्तिहरू छैनन्!
वेब साइट परीक्षणमा समस्या हुँदा समस्या निवारण गर्दा तपाईलाई तपाईले सोचेको छ कि किन केहि सामान्य कारणहरूमा छविहरू लोड हुन सकेनौं।
गलत फाइल मार्गहरू
जब तपाइँ साइटको एचटीएमएल वा सीएसएस फाइलमा छविहरू थप्नुहुन्छ, तपाईले आफ्नो डाइरेक्टरी ढाँचामा स्थानको लागि बाटो सिर्जना गर्नुपर्छ जहाँ ती फाईलहरू अवस्थित हुन्छन्। यो कोड हो जुन ब्राउजरलाई कहाँ हेर्न र छवि प्राप्त गर्न ब्राउजरलाई बताउँछ। अधिकतर अवस्थामा, यो 'छवि' नामक फोल्डरको भित्र हुनेछ। यदि यो फोल्डरको पथ र यसको भित्र फाइलहरू गलत छन्, छविहरू सही लोड हुँदैन किनकि ब्राउजरले सही फाईलहरू पुन: प्राप्त गर्न सकेन। यसले यसलाई बताएको पथ पछ्याउनेछ, तर यसले मरेको अन्त्यमा मर्नेछ र उपयुक्त छवि प्रदर्शन गर्नुको सट्टा खाली हुनेछ।
डिबगिङ छवि लोडिङ मुद्दाहरूमा चरण 1 यो निश्चित गर्न निश्चित छ कि फाइल मार्ग तपाईले कोडित गरेको छ। सायद तपाईंले गलत डाइरेक्टरी निर्दिष्ट गर्नुभयो वा त्यो डाइरेक्टरीको पथ सही तरिकाले सूचीबद्ध गर्नुभएन। यदि यी मुद्दा होइन भने, तपाईंसँग त्यो बाटोमा अर्को मुद्दा हुन सक्छ। मा पढ्नुहोस!
फाईल नामहरू छुटेको छ
तपाईंको फाइलहरूको लागि फाइल मार्गहरूको जाँच गर्दा, तपाइँ पक्का छविको नामलाई सँधै निश्चित गर्नुहोस्। हाम्रो अनुभवमा, गलत नामहरू वा मिसस्पेलहरू छवि लोडिङ समस्याहरूको सबैभन्दा सामान्य कारण हो। सम्झनुहोस्, वेब ब्राउजरहरू धेरै असफल भएमा यो नाम फाइल गर्न आउँछ। यदि तपाईंले गल्ती गरेर एक पत्र बिर्सनुभयो वा गलत अक्षर प्रयोग गर्नुहुन्छ, ब्राउजरले त्यस्ता फाइलको लागि हेर्ने छैन र भन्नुहोस्, "हो, तपाईले यो एक अर्थ, दाँया?" होइन - यदि फाइल गलत छ भने, यदि यो नजिक छ भने, यो पृष्ठमा लोड हुनेछैन।
गलत फाइल एक्सटेन्सन
केहि अवस्थामा, तपाइँसँग फाइलको नाम सही रूपमा हिज्जे हुन सक्छ, तर फाइल एक्सटेन्सन गलत हुन सक्छ। यदि तपाईंको छवि एक .jpg फाइल हो , तर तपाईको एचटीएमएलको लागि खोज्दैछ, त्यहाँ समस्या हुनेछ। निश्चित गर्नुहोस् कि तपाइँ प्रत्येक छविको लागि सही फाईल प्रकार प्रयोग गर्दै हुनुहुन्छ र त्यसपछि सुनिश्चित गर्नुहोस् कि तपाईंले आफ्नो वेबसाइटको कोडमा त्यही एक्स्टेन्सनको लागि बुलाउनु भएको छ।
केस संवेदनशीलताको लागि पनि हेर्नुहोस्। यदि तपाईंको फाइल जेपी संग समाप्त हुन्छ, सबै क्य्याप्स मा अक्षरहरु संग, तर तपाईंको कोड संदर्भ .jpg, सबै कमकेस, त्यहाँ केहि वेब सर्भरहरु छन् जो उनि दुई अलग हो, यद्यपि उनि अक्षर को एक नै सेट हो। केस संवेदनशीलता गणना गर्दछ! यसैले हामी सधैँ हाम्रा फाईलहरू सबै सानो अक्षरहरूसँग सुरक्षित गर्छौं। यसो गर्दा हामीलाई सधैँ हाम्रो कोडमा सानो अक्षर प्रयोग गर्न अनुमति दिन्छ, हामीले हाम्रो छवि फाईलहरूसँग सम्भव हुने एक सम्भाव्य समस्यालाई मेटाउने गर्दछौं।
फाइलहरू हराइरहेको छ
यदि तपाईंको छवि फाईलहरूमा पथहरू सही छन्, र नाम र फाइल एक्सटेन्सन पनि त्रुटि हुन्, जाँच गर्न अर्को वस्तु निश्चित गर्नका लागि फाइलहरू वास्तवमा वेब सर्भरमा अपलोड गरिएको छ भनेर सुनिश्चित गर्नका लागि हो। जब साइट सुरू भएको बेलामा सर्भरमा फाईलहरू अपलोड गर्नको लागि उपेक्षा गर्दै एक साधारण गल्ति हो जुन अनदेखी गर्न सजिलो छ।
तपाइँ यो समस्या कसरी समाधान गर्नुहुन्छ? ती छविहरू अपलोड गर्नुहोस्, तपाईंको वेब पेज ताजा गर्नुहोस्, र यसले तुरुन्तै अपेक्षित फाइलहरूलाई अपेक्षित रूपमा प्रदर्शन गर्नुपर्छ। तपाईं सर्भरमा छवि मेटाउन र पुन: अपलोड गर्न पनि प्रयास गर्न सक्नुहुनेछ। यो अजीब लाग्न सक्छ, तर हामीले यो काम एक पटक भन्दा बढी देख्यौं। कहिलेकाहीँ फाईलहरू भ्रष्ट हुन्छन्, त्यसैले यो "मेटाउनुहोस् र बदल्नुहोस्" विधि मद्दतको अन्त्य गर्न सक्दछ।
वेबसाईट होस्टिंग छ वेबसाइट
तपाई सामान्यतया कुनै पनि छविहरू होस्ट गर्न चाहानुहुन्छ जुन तपाईंको साइटले तपाइँको सर्भरमा प्रयोग गर्दछ, तर केहि अवस्थाहरूमा, तपाईं अन्य ठाउँमा होस्ट गरिएका तस्विरहरू प्रयोग गर्न सक्नुहुनेछ। यदि त्यो साइट होस्ट गर्ने होस्ट गरिएको हो भने तपाईको छविहरू लोड गर्न सकिँदैन।
समस्या स्थानान्तरण गर्नुहोस्
चाहे छवि फाईल बाह्य डोमेनबाट वा लोड भएको हो भने, त्यहाँ सधैँ मौका पाउदछ जुन त्यहाँ फाइलको स्थानान्तरण समस्या हुन सक्छ जब यो ब्राउजरद्वारा अनुरोध गरिएको हो। यो एक सामान्य घटना हुनु पर्दैन (यदि यो हो, तपाईले होस्ट होस्टिंग प्रदायकको खोजी गर्न आवश्यक पर्दछ), तर यो समय-समयमा हुन सक्छ।
यस मुद्दाको दुर्भाग्यवश पक्ष यो हो कि त्यहाँ वास्तवमा यसको बारेमा केहि गर्न सक्नुको कारण यो तपाईंको नियन्त्रण बाहिर रहेको समस्या हो। सुसमाचार यो एक अस्थायी समस्या हो जुन प्रायः छिट्टै समाधान भयो। उदाहरणका लागि, जब कसैले बिच्छेदन गरिएको पृष्ठ हेर्छ र ताजा गर्छ भने, त्यो एक्लै अक्सर समस्या समाधान गर्नेछ र छविहरू ठीक तरिकाले लोड गर्दछ। यदि तपाईँले बिच्छेदन छवि हेर्दै हुनुहुन्छ भने, ब्राउजर ताजा गर्नुहोस् यदि शायद यो मात्र एक ट्राफिक मुद्दा हो। तपाईंको प्रारम्भिक अनुरोध।
एक थोरै अन्तिम टिप्पणीहरू
छविहरू र चिन्ताहरू लोड गर्दा, दुई चीजहरू पनि ध्यान दिन्छन् जब ALT ट्यागहरू र तपाईंको वेबसाइट गति र समग्र प्रदर्शनको उचित प्रयोग हो ।
ALT, वा "वैकल्पिक पाठ", ट्यागहरू जुन ब्राउजरद्वारा प्रदर्शन गरिन्छ यदि छवि लोड हुन विफल हुन्छ। तिनीहरू पनि उपयुक्त वेबसाइटहरू सिर्जना गर्न महत्त्वपूर्ण घटक हुन् जुन निश्चित रूपमा अक्षम व्यक्तिहरूको प्रयोग गरेर प्रयोग गर्न सकिन्छ। तपाईको साइटमा हरेक इनलाइन छविको उपयुक्त एएलटी ट्याग हुनुपर्छ। ध्यान दिनुहोस् कि छविहरू सीएसएससँग लागू भएन यो विशेषता छैन।
वेबसाइटको प्रदर्शनको लागि, धेरै तस्विरहरू लोड गर्दै, वा यहाँ केही थियौं छविहरू जुन वेब डिभाइसको ठीकसँग अनुकूलित छैन, गति लोड गर्नमा नकारात्मक प्रभाव पर्नेछ। यस कारणको लागि, तपाइँ आफ्नो साइटको डिजाइनमा प्रयोग गर्नुहुने कुनै पनि छविहरूको प्रभाव परीक्षण गर्न निश्चित हुनुहोस् र अझै पनि सम्पूर्ण दृश्य सिर्जना गर्दा साइटको प्रदर्शन सुधार गर्न आवश्यक पर्ने चरणहरू लिनुहोस् र तपाईंको वेबसाइट प्रोजेक्टको लागि उपयुक्त हो भन्ने महसुस गर्नुहोस्।