চিত্রগুলি আপনার ওয়েবসাইটে প্রদর্শন করা হয় না কেন এবং তাদের কীভাবে ঠিক করবেন তা জানুন
পুরাতন বলছে যে "একটি ছবি একটি হাজার শব্দ মূল্য।" এটি ওয়েবে বিশেষ করে সত্য, যেখানে মনোযোগ স্পন্দনগুলি ক্ষণস্থায়ী হয় এবং তাই সঠিক চিত্রটি সঠিক মনোযোগ আকর্ষণ করে এবং পৃষ্ঠাগুলি দর্শকদের আকর্ষন করে এমন একটি সাইটকে সত্যিই তৈরি করতে পারে বা বিরত করতে পারে যাতে তারা শিখতে বা শিখতে শিখতে পারে। কর্ম যে সাইটের জন্য একটি "জয়" সিগন্যাল। হ্যাঁ, যখন এটি একটি ওয়েবসাইট আসে, ইমেজ আসলে একটি হাজার শব্দ বেশী মূল্য হতে পারে!
তাই অনলাইন ইমেজ স্থাপনের গুরুত্বের সাথে, পরবর্তীতে বিবেচনা করা যাক আপনার ওয়েবসাইট কী বলে যে যদি এমন একটি ইমেজ থাকে যা সাইটে লোড হতে ব্যর্থ হয়? এটি এইচটিএমএল বা পিএসডি প্রয়োগের পটভূমি ইমেজগুলির মধ্যে রয়েছে এমন ইনলাইন ইমেজ আছে কিনা তা ঘটতে পারে (এবং আপনার সাইটের সম্ভবত এই দুটি আছে)। নিচের লাইন হল যে যখন কোনও গ্রাফিক একটি পৃষ্ঠায় লোড করতে ব্যর্থ হয়, তখন এটি নকশাটি ভাঙ্গা করে তোলে এবং, কিছু ক্ষেত্রে, সেই সাইটের ব্যবহারকারীর অভিজ্ঞতা সম্পূর্ণভাবে সম্পূর্ণরূপে ধ্বংস করতে পারে। ছবিটি পাঠানো "হাজার শব্দ" অবশ্যই ইতিবাচক নয়!
আসুন কয়েকটি সাধারণ কারণগুলি দেখি যে চিত্রগুলি সাইটে কোনও লোড করতে ব্যর্থ হবে এবং ওয়েবসাইট পরীক্ষার সময় এই সমস্যার সমাধান করার সময় আপনাকে কি মনে রাখা উচিত।
ভুল ফাইল পাথ
যখন আপনি কোনও সাইটের এইচটিএমএল বা সিএসএস ফাইলে ইমেজ যুক্ত করবেন, তখন আপনার ফাইলের স্থিতি যেখানে আপনার ফাইলগুলি অবস্থিত সেখানে আপনার অবস্থানের একটি পাথ তৈরি করতে হবে। এই কোডটি ব্রাউজারকে বলছে যেটি কোথায় থেকে ছবিটি সন্ধান করবে এবং আনতে হবে। বেশিরভাগ ক্ষেত্রে, এটি 'ইমেজ' নামের একটি ফোল্ডারের ভিতরে থাকবে। যদি এই ফোল্ডারে পাথ এবং এটির ভিতরে থাকা ফাইলটি ভুল, তবে ছবি সঠিকভাবে লোড হবে না কারণ ব্রাউজারটি সঠিক ফাইলগুলি পুনরুদ্ধার করতে সক্ষম হবে না। এটি যে পাথটি আপনি বলেছিলেন তা অনুসরণ করবে, কিন্তু এটি একটি মৃত শেষ আঘাত করবে এবং প্রদর্শনীর পরিবর্তে যথাযথ চিত্রটি খালি হয়ে যাবে।
ইমেজ লোডিং সমস্যা ডিবাগিং মধ্যে ধাপ 1 আপনি কোডযুক্ত যে পাথ পাথ সঠিক হয় তা নিশ্চিত করা হয়। সম্ভবত আপনি ভুল ডিরেক্টরি উল্লেখ করেছেন বা সঠিকভাবে সেই ডিরেক্টরিটির পথ তালিকাভুক্ত করেন নি। যদি এই না হয়, তাহলে আপনার সেই পথের সাথে আরেকটি সমস্যা থাকতে পারে। পড়তে!
ফাইলের নাম ভুল
আপনি আপনার ফাইলগুলির জন্য ফাইল পাথ পরীক্ষা হিসাবে, আপনি সঠিকভাবে ইমেজ নামটি বানান যে নিশ্চিত হতে। আমাদের অভিজ্ঞতা, ভুল নাম বা ভুল বানানগুলি হল ইমেজ লোডিং সমস্যাগুলির সর্বাধিক সাধারণ কারণ। মনে রাখবেন, ওয়েব ব্রাউজার নামগুলি যখন আসে তখন এটি খুব অপ্রত্যাশিত। যদি আপনি ভুল করে একটি চিঠি ভুলে যান বা ভুল চিঠি ব্যবহার করেন, ব্রাউজার অনুরূপ একটি ফাইলের সন্ধান করবে না এবং বলবে, "ওহ, সম্ভবত আপনি এই এক, ডান মানে?" না - যদি ফাইল ভুল বানান হয়, এমনকি যদি এটি বন্ধ থাকে তবে এটি পৃষ্ঠায় লোড হবে না।
ভুল ফাইল এক্সটেনশন
কিছু ক্ষেত্রে, আপনার সঠিকভাবে বানানকৃত ফাইলের নাম থাকতে পারে, তবে ফাইল এক্সটেনশন ভুল হতে পারে। যদি আপনার ছবিটি একটি .jpg ফাইল থাকে , তবে আপনার এইচটিএমএল একটি। পিএনজ খুঁজছেন, একটি সমস্যা হতে পারে। আপনি প্রতিটি ইমেজ জন্য সঠিক ফাইল টাইপ ব্যবহার করা হয় তা নিশ্চিত করুন এবং তারপর আপনি আপনার ওয়েবসাইটের কোড এ একই এক্সটেনশন জন্য বলা আছে নিশ্চিত।
এছাড়াও কেস সংবেদনশীলতা জন্য চেহারা। যদি আপনার ফাইলটি .JPG এর সাথে শেষ হয় তবে অক্ষরের সব অক্ষরের সাথে, কিন্তু আপনার কোড রেফারেন্স .jpg, সব ছোট হাতের অক্ষর, সেখানে নির্দিষ্ট কিছু ওয়েব সার্ভার আছে যারা দুটি দুটি আলাদা দেখতে পাবে, যদিও তারা একই অক্ষর অক্ষর কেস সংবেদনশীলতা সংখ্যা! এইজন্য আমরা সর্বদা সব ছোট হাতের অক্ষর দিয়ে আমাদের ফাইলগুলি সংরক্ষণ করি। তাই আমাদের সর্বদা আমাদের কোডে ছোট হাতের অক্ষর ব্যবহার করতে দেয়, আমাদের সম্ভাব্য সমস্যাটি মুছে ফেলার ফলে আমরা আমাদের ইমেজ ফাইলগুলির সাথে থাকতে পারি।
ফাইলগুলি হারিয়ে গেছে
যদি আপনার ইমেজ ফাইলগুলি সঠিক হয় এবং নাম এবং ফাইল এক্সটেনশানটিও ত্রুটিপূর্ণ হয়, তাহলে পরবর্তী আইটেমটি যাচাই করতে হবে যে ফাইলগুলি আসলে ওয়েব সার্ভারে আপলোড করা হয়েছে যখন কোন সাইট চালু হয় তখন সার্ভারে ফাইলগুলি আপলোড করার জন্য অবহেলা করা একটি সাধারণ ভুল যা উপেক্ষা করা সহজ।
আপনি কিভাবে এই সমস্যা ঠিক করবেন? যারা চিত্রগুলি আপলোড করুন, আপনার ওয়েব পৃষ্ঠাটি রিফ্রেশ করুন, এবং তা প্রত্যাশিত হিসাবে ফাইলগুলিকে অবিলম্বে প্রদর্শন করা উচিত আপনি সার্ভারে ছবিটি মুছে ফেলার চেষ্টা করতে পারেন এবং এটি পুনরায় আপলোড করতে পারেন। এটা অদ্ভুত বলে মনে হতে পারে, কিন্তু আমরা এই কাজটি একাধিকবার দেখেছি। কখনও কখনও ফাইলগুলি দূষিত হয়ে যায়, তাই এটি "মুছে ফেলুন এবং প্রতিস্থাপন করুন" পদ্ধতিটি সাহায্য করতে পারে।
ইমেজ হোস্টিং ওয়েবসাইট ডাউন হয়
আপনি সাধারণত আপনার সাইট আপনার নিজের সার্ভারে ব্যবহার করে এমন কোনও চিত্র হোস্ট করতে চান, তবে কিছু ক্ষেত্রে, আপনি এমন ছবিগুলি ব্যবহার করছেন যা অন্য কোথাও হোস্ট করা আছে। যদি ইমেজটি হোস্ট করা সাইটটি নিচে নেমে যায় তবে আপনার ইমেজগুলি লোড হবে না।
স্থানান্তর সমস্যা
ইমেজ ফাইল বহিরাগত ডোমেন থেকে বা আপনার নিজের থেকে লোড করা হয় কিনা, এটি ব্রাউজার দ্বারা প্রথম অনুরোধ করা হয় যখন যে ফাইলের জন্য একটি স্থানান্তর সমস্যা হতে পারে যে একটি সুযোগ সবসময় আছে। এটি একটি সাধারণ ঘটনার না হওয়া উচিত (যদি এটি হয়, তাহলে আপনাকে একটি নতুন হোস্টিং প্রদানকারীর সন্ধান করতে হবে), কিন্তু এটি সময় সময় ঘটতে পারে।
এই সমস্যাটির দুর্ভাগ্যজনক দিকটি হচ্ছে যে এটি আসলেই আপনার কাছে কিছুই নয় কারণ এটি আপনার নিয়ন্ত্রণের বাইরে একটি সমস্যা। ভাল খবর হল এটি একটি অস্থায়ী সমস্যা যা প্রায়ই দ্রুত খুব দ্রুত সমাধান করা হয় উদাহরণস্বরূপ, যখন কেউ একটি ভাঙা পাতা দেখায় এবং তা রিফ্রেশ করে, তখনই কেবল সমস্যাটি সমাধান করবে এবং ইমেজগুলি লোড হবে। যদি আপনি একটি ভাঙা ছবি দেখেন তবে এটি ব্রাউজারটিকে রিফ্রেশ করুন যদি এটি কেবলমাত্র একটি ট্রান্সমিশন সমস্যা হয় আপনার প্রাথমিক অনুরোধ
একটি কয়েক চূড়ান্ত নোট
চিত্রগুলি এবং লোডিং উদ্বেগের বিষয়ে চিন্তা করার সময় , ALT ট্যাগগুলির যথাযথ ব্যবহার এবং আপনার ওয়েবসাইটে গতি এবং সামগ্রিক পারফরম্যান্সের জন্যও দুটি জিনিসগুলি মনে রাখবেন।
ALT, বা "বিকল্প পাঠ্য", কোনও চিত্র লোড হতে ব্যর্থ হলে কোনও ব্রাউজার দ্বারা ট্যাগগুলি প্রদর্শিত হয়। তারা এমন অ্যাক্সেসযোগ্য ওয়েবসাইট তৈরিতে একটি গুরুত্বপূর্ণ উপাদান যা নির্দিষ্ট অক্ষমতাসম্পন্ন ব্যক্তিদের দ্বারা ব্যবহার করা যায়। আপনার সাইটে প্রতিটি ইনলাইন ইমেজটি উপযুক্ত ALT ট্যাগ থাকা উচিত। লক্ষ্য করুন যে সিএসএস এর সাথে প্রয়োগ করা ছবিগুলি এই বৈশিষ্ট্যটি নেই।
ওয়েবসাইটের পারফরম্যান্সের জন্য, অনেকগুলি চিত্র লোড হচ্ছে, অথবা এমনকি কয়েকটি দৈত্যের ছবি যা ওয়েব বিতরণে সঠিকভাবে অপ্টিমাইজ করা হয় না, লোডিং গতিতে নেতিবাচক প্রভাব ফেলবে। এই কারণে, আপনি আপনার সাইটের নকশা ব্যবহার করে যে কোন ইমেজ প্রভাব পরীক্ষা করা নিশ্চিত করা এবং এখনও সামগ্রিক চেহারা তৈরি এবং আপনার ওয়েবসাইট প্রকল্পের জন্য উপযুক্ত মনে হয় যে সাইট এর পারফরম্যান্স উন্নত করার জন্য প্রয়োজনীয় যে কোনো পদক্ষেপ গ্রহণ নিশ্চিত করা।