تعرف على سبب عدم عرض الصور على موقع الويب الخاص بك وكيفية إصلاحها
يقول المثل القديم أن "الصورة تساوي ألف كلمة". هذا صحيح بشكل خاص على الويب ، حيث يمتد الاهتمام قصيرًا جدًا ، وبالتالي يمكن للصورة الصحيحة أن تجعل موقعًا أو تنفصل عنه عن طريق جذب الانتباه المناسب وإشراك زائري الصفحة لفترة كافية لتعلم ما يحتاجون إلى تعلمه أو إجراء عملية محددة الإجراء الذي يشير إلى "الفوز" للموقع. نعم ، عندما يتعلق الأمر بموقع على شبكة الإنترنت ، قد تكون الصور في الواقع أكثر من ألف كلمة!
لذا ، مع أهمية إنشاء الصور عبر الإنترنت ، دعنا نفكر فيما يلي في ما يقوله موقع الويب الخاص بك إذا لم يتم تحميل صورة من المفترض أنها موجودة على الموقع؟ يمكن أن يحدث هذا إذا كان لديك صور مضمنة تمثل جزءًا من HTML أو صور الخلفية التي تم تطبيقها مع CSS (ومن المحتمل أن يكون موقعك يحتوي على كلتيهما). خلاصة القول هي أنه عندما يفشل الرسم في التحميل على الصفحة ، فإنه يجعل تصميم التصميم مكسور ، وفي بعض الحالات ، يمكن أن يدمر تمامًا تجربة المستخدم على ذلك الموقع. "آلاف الكلمات" التي ترسلها الصورة هي بالتأكيد ليست إيجابية!
لنلقِ نظرة على بعض الأسباب الشائعة لفشل تحميل الصور على موقع ما ، وكذلك ما يجب أن تضعه في اعتبارك عند تحرّي الخلل وإصلاحه في هذه المشكلة أثناء اختبار موقع الويب .
مسارات ملف غير صحيحة
عند إضافة صور إلى ملف HTML أو CSS لموقع ما ، يجب إنشاء مسار إلى الموقع في بنية الدليل حيث توجد هذه الملفات. هذا هو الرمز الذي يخبر المتصفح بمكان البحث عن الصورة وإحضارها منها. في معظم الحالات ، سيكون هذا داخل مجلد باسم "الصور". إذا كان المسار إلى هذا المجلد والملفات الموجودة فيه غير صحيح ، فلن يتم تحميل الصور بشكل صحيح لأن المتصفح لن يتمكن من استرداد الملفات الصحيحة. سوف يتبع المسار الذي أخبرته به ، لكنه سيصل إلى طريق مسدود ، وبدلاً من عرض الصورة المناسبة ، سيظهر فارغًا.
الخطوة 1 في تصحيح مشاكل تحميل الصور هي التأكد من صحة مسار الملف الذي تم ترميزه. ربما قمت بتحديد الدليل الخطأ أو لم تسرد المسار إلى ذلك الدليل بشكل صحيح. إذا لم تكن هذه هي الحالة ، فقد يكون لديك مشكلة أخرى في هذا المسار. واصل القراءة!
أسماء الملفات خطأ إملائي
أثناء فحص مسارات الملفات لملفاتك ، تأكد أيضًا من كتابة اسم الصورة بشكل صحيح. في تجربتنا ، تعتبر الأسماء أو الأخطاء الإملائية غير الصحيحة هي السبب الأكثر شيوعًا لقضايا تحميل الصور. تذكر أن متصفحات الويب لا ترحم تمامًا عندما يتعلق الأمر بأسماء الملفات. إذا نسيت رسالة عن طريق الخطأ أو استخدمت رسالة خاطئة ، فلن يبحث المتصفح عن ملف مشابه ويقول ، "أوه ، ربما كنت تقصد هذا ، أليس كذلك؟" لا - إذا كان الملف مكتوبًا بشكل خاطئ ، حتى إذا كان الملف مغلقاً ، فلن يتم تحميله على الصفحة.
ملحق ملف خاطئ
في بعض الحالات ، قد يكون اسم الملف صحيحًا ، ولكن قد يكون ملحق الملف غير صحيح. إذا كانت صورتك بتنسيق ملف jpg . ولكن HTML الخاص بك يبحث عن .png ، فستكون هناك مشكلة. تأكد من أنك تستخدم نوع الملف الصحيح لكل صورة ، ثم تأكد من أنك قمت بالاتصال بهذا الامتداد نفسه في شفرة موقعك على الويب.
ابحث أيضًا عن حساسية الحالة. إذا انتهى ملفك بـ .JPG ، مع وجود أحرف في أحرف استهلالية ، لكن التعليمات البرمجية الخاصة بك تشير إلى .jpg ، وكلها صغيرة ، فهناك بعض خوادم الويب التي سترى هاتين الخدمتين مختلفتين ، على الرغم من أنها نفس مجموعات الأحرف. حساسية القضية تهم! هذا هو السبب في أننا نقوم دائمًا بحفظ ملفاتنا بأحرف صغيرة. يتيح لنا ذلك استخدام الأحرف الصغيرة دومًا في الشفرة الخاصة بنا ، مما يؤدي إلى القضاء على مشكلة واحدة ممكنة يمكن أن تحدث مع ملفات الصور لدينا.
الملفات مفقودة
إذا كانت المسارات إلى ملفات الصور الخاصة بك صحيحة ، وكان اسم الملف وملفه أيضًا خاليًا من الأخطاء ، فإن العنصر التالي للتحقق هو التأكد من أن الملفات قد تم تحميلها بالفعل إلى خادم الويب. إن إهمال تحميل الملفات إلى هذا الخادم عند إطلاق الموقع هو خطأ شائع يسهل تجاهله.
كيف تصلح هذه المشكلة؟ قم بتحميل تلك الصور وتحديث صفحة الويب الخاصة بك ، ويجب أن يعرض الملفات على الفور كما هو متوقع. يمكنك أيضًا محاولة حذف الصورة على الخادم وإعادة تحميلها. قد يبدو غريباً ، لكننا رأينا هذا العمل أكثر من مرة. في بعض الأحيان ، يتم إتلاف الملفات ، لذا فإن طريقة "الحذف والاستبدال" هذه يمكن أن تساعد في نهاية الأمر.
موقع استضافة الصور هو أسفل
ستحتاج عادةً إلى استضافة أي صور يستخدمها موقعك على خادمك الخاص ، ولكن في بعض الحالات ، قد تستخدم الصور المستضافة في مكان آخر. إذا انخفض هذا الموقع الذي يستضيف الصورة ، فلن يتم تحميل صورك أيضًا.
مشكلة النقل
سواء تم تحميل ملف صورة من نطاق خارجي أو من ملف خاص بك ، فهناك دائمًا فرصة لوجود مشكلة نقل لهذا الملف عندما يطلبه المتصفح أولاً. هذا لا ينبغي أن يكون شائع الحدوث (إذا كان كذلك ، قد تحتاج إلى البحث عن مقدم استضافة جديد ) ، ولكن يمكن أن يحدث من وقت لآخر.
الجانب المؤسف من هذه القضية هو أنه لا يوجد شيء يمكنك فعله حيال ذلك لأنه مشكلة خارج سيطرتك. والخبر السار هو أنها مشكلة مؤقتة غالباً ما يتم حلها بسرعة كبيرة. على سبيل المثال ، عندما يرى شخص ما صفحة مكسورة وينعشها ، سيؤدي ذلك وحده إلى حل المشكلة وتحميل الصور بشكل صحيح.إذا رأيت صورة مكسورة ، قم بتحديث المتصفح لمعرفة ما إذا كان الأمر يتعلق بقضية إرسال فقط طلبك الأولي.
عدد قليل من الملاحظات النهائية
عند التفكير في الصور وتحميل المخاوف ، هناك أمرين يجب أن تضع في اعتبارهما أيضًا الاستخدام الصحيح لعلامات ALT وسرعة موقعك على الويب والأداء العام.
علامات ALT ، أو "نص بديل" ، هي ما يتم عرضه بواسطة المتصفح في حالة فشل تحميل الصورة. كما أنها عنصر مهم في إنشاء مواقع ويب يمكن الوصول إليها والتي يمكن استخدامها من قبل أشخاص ذوي إعاقات معينة. يجب أن تحتوي كل صورة مضمنة في موقعك على علامة ALT مناسبة. لاحظ أن الصور المطبقة مع CSS لا تحتوي على هذه السمة.
أما بالنسبة لأداء موقع الويب ، أو تحميل عدد كبير جدًا من الصور ، أو حتى عدد قليل من الصور الضخمة التي لم يتم تحسينها بشكل صحيح لتسليم الويب ، فسيكون لذلك تأثير سلبي على سرعة التحميل. لهذا السبب ، تأكد من اختبار تأثير أي صور تستخدمها في تصميم موقعك واتخاذ أي خطوات ضرورية لتحسين أداء هذا الموقع مع الاستمرار في إنشاء الشكل العام والأسلوب المناسب لمشروعك على الويب.