आपल्या वेबसाइटवर प्रतिमा का दिसत नाहीत आणि त्यांना कसे निराकरण करावे हे जाणून घ्या
जुनी म्हण आहे की "चित्र हजारो शब्दांचे आहे." हे विशेषत: वेबवर खरे आहे, जेथे लक्ष स्पॅन फारच लहान आहेत आणि त्यामुळे योग्य प्रतिमा खरोखरच योग्य लक्ष आकर्षित करून आणि अभ्यागतांना व्यस्त ठेवून साइटला खरोखर जाणून घेण्यास किंवा त्यांना खंडित करू शकते जेणेकरून त्यांना शिकण्यासाठी किंवा विशिष्ट साइटसाठी "विजय" सिग्नल करणारे कृती. होय, एखाद्या वेबसाइटवर येतो तेव्हा, प्रतिमा प्रत्यक्षात एक हजार शब्दांपेक्षा जास्त किमतीची असू शकते!
त्यामुळे ऑनलाइन प्रतिमा स्थापित झाल्यामुळे पुढील गोष्टी विचारात घ्या की साइटवर असणारी एखादी प्रतिमा लोड करण्यात अयशस्वी झाल्यास आपली वेबसाइट काय आहे? आपण HTML किंवा पार्श्वभूमी प्रतिमांचा भाग असलेल्या इनलाइन प्रतिमा असलेल्या सीएसएससह (आणि आपल्या साइटवर यापैकी दोन्हीपैकी एक असेल) हे हे होऊ शकते. खालची ओळ अशी आहे जेव्हा एखादे ग्राफिक पृष्ठावर लोड करण्यास अयशस्वी होते, तेव्हा ते डिझाइनचा तुटलेला दिसतो आणि काही बाबतीत संपूर्ण त्या साइटवरील वापरकर्ता अनुभव पूर्णपणे नष्ट करू शकतात. चित्र पाठविणारे "हजार शब्द" नक्कीच सकारात्मक नाहीत!
छायाचित्रे साइटवर लोड करण्यात अयशस्वी होण्याची शक्यता आहे, तसेच वेबसाइट चाचणी दरम्यान या समस्येचे निराकरण करताना आपण काय लक्षात ठेवले पाहिजे याबद्दल काही सामान्य कारणे पहा.
अयोग्य फाइल पथ
जेव्हा आपण साइटच्या HTML किंवा CSS फाईलवर प्रतिमा जोडता, तेव्हा आपण त्या फायली ज्या स्थानात राहतील त्या आपल्या निर्देशिका संरचनामधील स्थानासाठी पथ तयार करणे आवश्यक आहे. हे असे कोड आहे जे ब्राऊजर सांगते की ते कुठे शोधावे आणि घेऊन जाईल. बहुतेक बाबतीत, हे 'images' नावाच्या फोल्डरच्या आत असते. या फोल्डरचा पथ आणि त्यातील फाईल चुकीची असल्यास, प्रतिमा योग्यरित्या लोड होणार नाही कारण ब्राउझर योग्य फाइल्स पुनर्प्राप्त करण्यात सक्षम होणार नाही. ते ज्या मार्गाने आपण सांगितले आहे त्यानुसार त्याचे अनुसरण होईल, परंतु हे एक मृत आघात करेल आणि योग्य प्रतिमा दर्शविण्याऐवजी, रिक्त जागा घेईल.
प्रतिमा लोड करण्याच्या समस्या डीबगिंगमध्ये चरण 1 हे आहे की आपण ज्या फाइल पथमध्ये कोडित केले आहे ती अचूक आहे. कदाचित आपण चुकीची निर्देशिका निर्दिष्ट केली असेल किंवा ती निर्देशिका योग्य रित्या सूची केली नसेल. जर असे नसेल, तर त्या मार्गावर तुम्हाला आणखी एक समस्या येईल. वाचा!
फायलीचे नाव चुकीचे शब्दलेखन
आपण आपल्या फाइल्ससाठी फाइल पथांचे परीक्षण केल्याप्रमाणे, आपण इमेजचे नाव योग्यरित्या लिहिले आहे याची खात्री करा आमच्या अनुभवामध्ये, चुकीच्या नावांची किंवा चुकीची शब्दलेखन प्रतिमा लोड करण्याच्या समस्या सर्वात सामान्य कारण आहेत. लक्षात ठेवा, जेव्हा फाईल नावांवर येतो तेव्हा वेब ब्राऊजर फार निराधार आहेत. आपण चुकून एक पत्र विसरल्यास किंवा चुकीचा अक्षर वापरल्यास, ब्राउझर समान फाईल शोधणार नाही आणि म्हणेल, "ओहो, कदाचित याचा अर्थ, बरोबर?" नाही - फाइलचे शब्दलेखन चुकीचे असल्यास, जरी ते बंद असले तरी, ते पृष्ठावर लोड होणार नाही.
चुकीचे फाइल विस्तार
काही प्रकरणांमध्ये, आपण फाइलचे नाव योग्यरित्या लिहिले असू शकते परंतु फाइल विस्तार कदाचित चुकीचा असू शकतो. आपली प्रतिमा .jpg फाइल असल्यास , परंतु आपला HTML .png शोधत आहे, एक समस्या असेल. प्रत्येक इमेजसाठी आपण योग्य फाईल प्रकार वापरत असल्याचे निश्चित करा आणि नंतर आपण आपल्या वेबसाइटच्या कोडमध्ये त्या समान विस्तारासाठी कॉल केला असल्याची खात्री करा.
केस संवेदनक्षमता देखील शोधा आपली फाईल .JPG सह संपत असल्यास, सर्व कॅपिटल अक्षरांसह, परंतु आपला कोड संदर्भ .jpg, सर्व लोअरकेस, काही विशिष्ट वेब सर्व्हर आहेत जे ते दोन भिन्न आहेत, जरी ते अक्षरांचे समान संच असले तरीही प्रकरण संवेदनशीलता संख्या! म्हणूनच आपण सर्व फाईल्स सर्व लोअरकेस अक्षरे सह सेव केल्या आहेत. असे केल्याने आम्हाला नेहमी आमच्या कोडमध्ये लोअरकेस वापरण्याची मुभा मिळते, ज्यामुळे आमच्या प्रतिमा फाइल्ससह एक संभाव्य समस्या दूर होऊ शकते.
फायली गहाळ आहेत
जर आपल्या प्रतिमा फायलींचा पथ योग्य असेल आणि नाव आणि फाईल विस्तार देखील त्रुटीमुक्त असेल, तर तपासण्यासाठी पुढील आयटम म्हणजे वेब सर्व्हरवर फाइल्स प्रत्यक्षात अपलोड झाल्याची खात्री करणे आहे साइट लॉन्च केल्यावर त्या सर्व्हरवर फाइल्स अपलोड करण्याचे नाकारणे ही सर्वसाधारण चूक आहे ज्याकडे दुर्लक्ष करणे सोपे आहे.
आपण ही समस्या कशी दुरुस्त करता? त्या प्रतिमा अपलोड करा, आपल्या वेब पृष्ठ रिफ्रेश करा, आणि ती अपेक्षेप्रमाणे फायली लगेच दर्शविल्या पाहिजे आपण सर्व्हरवर प्रतिमा हटविण्याचा प्रयत्न देखील करू शकता आणि ती पुन्हा-अपलोड करू शकता. हे विचित्र वाटू शकते, परंतु आम्ही हे काम एका पेक्षा जास्त वेळा पाहिले आहे. काहीवेळा फाइल्स दूषित होतात, म्हणून हे "हटवा आणि बदला" पद्धतीने मदत करणे समाप्त करू शकते.
प्रतिमा होस्टिंग वेबसाइट खाली आहे
आपण आपल्या साइटला आपल्या स्वतःच्या सर्व्हरवर वापरत असलेल्या कोणत्याही प्रतिमा होस्ट करू इच्छित असाल परंतु काही प्रकरणांमध्ये, आपण कदाचित इतरत्र होस्ट केलेल्या प्रतिमा वापरत असाल प्रतिमा होस्ट करणार्या साइटला खाली पडल्यास, आपल्या प्रतिमा एकतर लोड होणार नाहीत.
हस्तांतरण समस्या
प्रतिमा फाइल एखाद्या बाह्य डोमेनवरुन किंवा आपल्या स्वतःहून लोड केली गेली आहे का, नेहमी अशी संधी असते की ती प्रथम ब्राउझरद्वारे विनंती केली असता त्या फाइलसाठी स्थानांतरण समस्या असू शकते. हे एक सामान्य घटना नसावे (जर असेल तर, आपल्याला एक नवीन होस्टिंग प्रदाता शोधण्याची आवश्यकता असू शकते) परंतु हे वेळोवेळी होऊ शकते.
या समस्येच्या दुर्दैवी बाजूला अशीच आहे की आपण याबद्दल काहीच करु शकत नाही कारण हा आपल्या नियंत्रणाच्या बाहेर एक समस्या आहे. चांगली बातमी अशी आहे की ही एक तात्पुरती समस्या आहे जी बर्याचदा लवकर लवकर निराकरण होते उदाहरणार्थ, जेव्हा कोणीतरी तुटलेली दिसणारी पृष्ठे पाहतो आणि त्यास रिफ्रेश करतो तेव्हा ते एकट्याच समस्येचे निराकरण करेल आणि प्रतिमा लोड करतील. आपण एक तुटलेली प्रतिमा पाहत आहात तर, ब्राऊझर रीफ्रेश करा की कदाचित हे केवळ एक प्रसारण समस्या आहे आपली प्रारंभिक विनंती
काही अंतिम टिपा
प्रतिमा आणि लोडिंग समस्यांबद्दल विचार करताना, दोन गोष्टी जी त्याच गोष्टी लक्षात ठेवू शकतात ती ALT टॅग्ज आणि आपल्या वेबसाइटची गती आणि एकूण कार्यक्षमतेचा योग्य वापर आहे .
ALT, किंवा "वैकल्पिक मजकूर", टॅग एखाद्या प्रतिमा लोड होण्यात अयशस्वी झाल्यास ब्राउझरद्वारे काय प्रदर्शित केले जाते. प्रवेशयोग्य वेबसाइट तयार करण्यासाठी ते एक महत्त्वाचा घटक देखील आहेत जे विशिष्ट अपंगांसह लोकांना वापरता येऊ शकतात. आपल्या साइटवरील प्रत्येक इनलाइन प्रतिमेस योग्य ALT टॅग असणे आवश्यक आहे. लक्षात घ्या की CSS मध्ये लागू केलेल्या प्रतिमामध्ये हे वैशिष्ट्य नाही.
वेबसाइट कार्यक्षमतेनुसार, बर्याच प्रतिमा लोड केल्या जात आहेत किंवा वेब डिलीव्हरीसाठी योग्यरित्या ऑप्टिमाइझ केलेल्या अगदी काही दिग्गज प्रतिमा देखील लोडिंग गतीवर नकारात्मक प्रभाव पडणार आहे. या कारणास्तव, आपल्या साइटच्या डिझाइनमध्ये आपण वापरलेल्या कोणत्याही प्रतिमांचा प्रभाव तपासणे सुनिश्चित करा आणि त्या साइटचे कार्यप्रदर्शन सुधारण्यासाठी आवश्यक असलेल्या कोणत्याही चरणांचे अनुसरण करा जे आपल्या वेबसाइट प्रोजेक्टसाठी योग्य आहे आणि संपूर्ण देखावा तयार करीत आहे.