يقول المثل القديم أن "الصورة تساوي ألف كلمة". يسطع هذا الشعار على الويب ، حيث يمتد الاهتمام تشتهر باختصارها — فالصورة الصحيحة يمكن أن تؤدي إلى إنشاء موقع أو كسره من خلال جذب الانتباه المناسب والصفحة الجذابة الزائرين.
ومع ذلك ، عندما يفشل تحميل الرسم ، فإنه يجعل التصميم يبدو معطلاً ، وفي بعض الحالات ، يمكن أن يؤدي إلى تدهور تجربة المستخدم على هذا الموقع. "الألف كلمة" التي ترسلها الصورة المكسورة هي بالتأكيد ليست إيجابية!
1. مسارات الملفات غير صحيحة
عند إضافة الصور إلى موقع لغة البرمجة أو CSS ملف ، يجب عليك إنشاء مسار إلى الموقع في بنية الدليل الخاص بك حيث توجد هذه الملفات. هذا رمز يخبر المتصفح بمكان البحث عن الصورة وجلبها منه. في معظم الحالات ، سيكون هذا داخل مجلد باسم الصور. إذا كان المسار إلى هذا المجلد والملفات الموجودة بداخله غير صحيحة ، فلن يتم تحميل الصور بشكل صحيح لأن المتصفح لن يتمكن من استرداد الملفات الصحيحة. سيتبع المسار الذي أخبرته به ، لكنه سيصل إلى طريق مسدود ، وبدلاً من عرض الصورة المناسبة ، سيظهر فارغًا.
2. أسماء الملفات بها أخطاء إملائية
أثناء فحص ملف
مسارات الملفات لملفاتك ، تحقق من كتابة اسم الصورة بشكل صحيح. الأسماء غير الصحيحة أو الأخطاء الإملائية هي السبب الأكثر شيوعًا لمشاكل تحميل الصور.3. امتدادات ملف خاطئة
في بعض الحالات ، قد يكون لديك اسم الملف مكتوبًا بشكل صحيح ، ولكن قد يكون امتداد الملف غير صحيح. إذا كانت صورتك هي ملف .jpg ملف، ولكن HTML الخاص بك يبحث عن ملف .png ، ستكون هناك مشكلة. استخدم نوع الملف الصحيح لكل صورة ثم قم بالإشارة إلى نفس الامتداد في كود موقع الويب الخاص بك.
ابحث أيضًا عن حساسية حالة الأحرف. إذا كان ملفك ينتهي بـ .JPG ، فكل الأحرف مكتوبة بأحرف كبيرة ، لكن كودك يشير إلى jpg. ، الكل بالحروف الصغيرة ، ترى بعض خوادم الويب أن هذين الاثنين مختلفان ، على الرغم من أنهما نفس مجموعات حروف. تحسب حساسية حالة الأحرف.
من الأفضل دائمًا حفظ الملفات بأحرف صغيرة. يتيح لنا القيام بذلك استخدام الأحرف الصغيرة دائمًا في التعليمات البرمجية الخاصة بنا ، مما يلغي مشكلة واحدة محتملة قد تكون لدينا مع ملفات الصور الخاصة بنا.
4. الملفات المفقودة
إذا كانت المسارات إلى ملفات الصور الخاصة بك صحيحة ، وكان الاسم و امتداد الملف هي أيضًا خالية من الأخطاء ، تحقق من أنه تم تحميل الملفات على خادم الويب. يعد إهمال تحميل الملفات على هذا الخادم عند بدء تشغيل الموقع خطأ شائعًا يسهل التغاضي عنه.
قم بتحميل هذه الصور ، وقم بتحديث صفحة الويب الخاصة بك ، ويجب أن تعرض الملفات على الفور كما هو متوقع. يمكنك أيضًا محاولة حذف الصورة على الخادم وإعادة تحميلها. في بعض الأحيان تتلف الملفات أثناء عمليات النقل (على سبيل المثال ، عن طريق النص بدلاً من النقل الثنائي أثناء FTP) ، لذلك تساعد طريقة "الحذف والاستبدال" هذه أحيانًا.
5. موقع الويب الذي يستضيف الصور معطل
ستستضيف عادةً الصور التي يستخدمها موقعك بنفسك الخادم، ولكن في بعض الحالات ، قد تستخدم صورًا مستضافة في مكان آخر. إذا تعطل هذا الموقع الذي يستضيف الصورة ، فلن يتم تحميل صورك أيضًا.
6. مشاكل النقل
سواء تم تحميل ملف صورة من مجال خارجي أو من مجالك الخاص ، فهناك دائمًا احتمال وجود مشكلة في نقل هذا الملف عندما يطلبه المستعرض لأول مرة. لا ينبغي أن تكون هذه المشكلة شائعة (إذا كانت كذلك ، فقد تحتاج إلى البحث عن مزود استضافة جديد) ، ولكن يمكن أن تحدث من وقت لآخر.
السبب الشائع لهذا الخلل هو أن الخادم غارق في العمل ولا يمكنه خدمة جميع أصول الصفحة بسرعة كافية قبل انتهاء مهلة الطلب. سترى هذه المشكلة بشكل أكثر شيوعًا مع خوادم الويب الافتراضية المزودة بسعر رخيص والتي تكافح للتعامل مع مواقع أكثر تعقيدًا وثقيلة بالنصوص البرمجية. إذا حدثت هذه المشكلة بشكل متكرر ، ففكر في ترقية إمكانيات الخادم أو ابحث عن مضيف جديد.
7. مشاكل قاعدة البيانات
تعتمد تطبيقات الويب الديناميكية الحديثة ، مثل WordPress ، على قاعدة بيانات لتخزين المعلومات حول كل شيء على الموقع ، بما في ذلك الصور. إذا فشل موقعك في تحميل الصور ، فهناك احتمال أن تواجه قاعدة البيانات بعض المشكلات.
هناك مجموعة من الطرق التي يمكن أن تحدث بها مشكلات قاعدة البيانات. قد لا يكون التطبيق الخاص بك متصلاً حتى بقاعدة البيانات ، لأنه إما معطل أو لا يمكن الوصول إليه على خادم مختلف. قد يكون هناك شيء تالف في قاعدة البيانات نفسها ، أو تم تغيير معلومات مستخدم قاعدة البيانات الخاصة بك ، مما يؤدي إلى تسجيل خروجك. حتى التغييرات البسيطة في الإعدادات يمكن أن تؤدي إلى نتائج غير مقصودة إما أن تغير قاعدة البيانات أو تجعلها غير قابلة للوصول. تحقق من سجلات الخادم لمعرفة ما إذا كانت قاعدة البيانات هي الجاني.
بعض الملاحظات النهائية
ضع في اعتبارك الاستخدام السليم لعلامات ALT وسرعة موقع الويب الخاص بك والأداء العام.
علامات ALT أو "النص البديل" هي ما يعرضه المستعرض في حالة فشل تحميل الصورة. كما أنها عنصر مهم في إنشاء مواقع ويب يمكن الوصول إليها يمكن أن يستخدمها الأشخاص الذين يعانون من إعاقات معينة. يجب أن تحتوي كل صورة مضمنة في موقعك على علامة ALT مناسبة. الصور المطبقة مع CSS لا تقدم هذه السمة.