Ketahui mengapa imej tidak dipaparkan di laman web anda dan cara untuk membetulkannya
Pepatah lama mengatakan bahawa "gambar bernilai seribu perkataan." Hal ini terutama berlaku di Web, di mana tumpuan perhatian sangat ketara dan imej yang betul benar-benar boleh membuat atau memecahkan sebuah laman web dengan menarik perhatian yang betul dan menarik pengunjung halaman cukup lama untuk mereka mempelajari apa yang mereka perlukan untuk belajar atau melakukan sesuatu yang spesifik tindakan yang menandakan "menang" untuk laman web ini. Ya, ketika datang ke sebuah situs web, gambar sebenarnya bernilai lebih dari seribu kata!
Jadi dengan kepentingan imej dalam talian yang ditubuhkan, mari kita pertimbangkan seterusnya apakah laman web anda mengatakan jika imej yang sepatutnya di tapak gagal dimuatkan? Ini boleh berlaku sama ada anda mempunyai imej sebaris yang merupakan sebahagian daripada HTML atau imej latar belakang yang digunakan dengan CSS (dan kemungkinan laman web anda mempunyai kedua-duanya). Intinya adalah apabila grafik gagal dimuatkan pada halaman, ia membuat reka bentuk kelihatan rusak dan, dalam beberapa kes, benar-benar boleh memusnahkan pengalaman pengguna di laman web tersebut. "Seribu perkataan" bahawa gambar yang dihantar tentu tidak positif!
Mari kita lihat beberapa sebab yang sama mengapa imej akan gagal dimuatkan di laman web, dan juga apa yang anda perlu perhatian apabila mengatasi masalah ini semasa ujian laman web .
Path Fail Fail
Apabila anda menambah imej ke fail HTML atau CSS laman web, anda mesti membuat laluan ke lokasi dalam struktur direktori anda di mana fail tersebut berada. Ini adalah kod yang memberitahu penyemak imbas di mana hendak mencari dan mengambil imej dari. Dalam kebanyakan kes, ini akan berada di dalam folder bernama 'imej.' Jika laluan ke folder ini dan fail di dalamnya tidak betul, imej tidak akan dimuatkan dengan betul kerana penyemak imbas tidak akan dapat mengambil fail yang betul. Ia akan mengikuti jalan yang anda berikan kepada, tetapi ia akan memukul buntu dan, dan bukannya memaparkan imej yang sesuai, akan muncul kosong.
Langkah 1 dalam isu pemuatan imej debugging adalah untuk memastikan bahawa laluan fail yang anda telah kod adalah betul. Mungkin anda menyatakan direktori salah atau tidak menyenaraikan laluan ke direktori itu dengan betul. Jika ini tidak berlaku, anda mungkin mempunyai masalah lain dengan laluan itu. Teruskan membaca!
Nama Fail Yang Diilhamkan
Semasa anda memeriksa laluan fail untuk fail anda, pastikan juga anda mengeja nama imej dengan betul. Dalam pengalaman kami, nama atau salah ejaan yang salah adalah penyebab utama masalah memuat imej. Ingat, pelayar web sangat tidak puas hati apabila datang ke nama fail. Jika anda terlupa huruf dengan salah atau menggunakan huruf yang salah, penyemak imbas tidak akan mencari fail yang sama dan berkata, "oh, mungkin anda bermaksud ini, kan?" Tidak - jika fail itu salah eja, walaupun ia hampir, ia tidak akan memuat pada halaman.
Sambungan Fail Salah
Dalam sesetengah kes, anda mungkin mempunyai nama fail yang dieja dengan betul, tetapi pelanjutan fail mungkin salah. Jika imej anda adalah fail .jpg , tetapi HTML anda sedang mencari .png, akan ada masalah. Pastikan anda menggunakan jenis fail yang betul untuk setiap imej dan kemudian pastikan anda telah meminta sambungan yang sama di kod tapak web anda.
Juga cari sensitiviti kes. Sekiranya fail anda berakhir dengan .JPG, dengan huruf-huruf semua dalam topi, tetapi rujukan kod anda .jpg, semua huruf kecil, terdapat pelayan web tertentu yang akan melihat kedua-duanya adalah berbeza, walaupun mereka adalah set huruf yang sama. Bilangan sensitif kes! Ini sebabnya kami sentiasa menyimpan fail kami dengan semua huruf kecil. Melakukannya membolehkan kami sentiasa menggunakan huruf kecil dalam kod kami, menghapuskan satu masalah yang mungkin kita ada dengan fail imej kami.
Fail yang Hilang
Jika laluan ke fail imej anda adalah betul, dan sambungan nama dan fail juga bebas ralat, item seterusnya untuk memeriksa adalah untuk memastikan bahawa fail telah dimuat naik ke pelayan web. Mengabaikan untuk memuat naik fail ke pelayan tersebut apabila tapak dilancarkan adalah kesilapan biasa yang mudah diabaikan.
Bagaimana anda membaiki masalah ini? Muat naik imej tersebut, muat semula halaman web anda dan segera memaparkan fail seperti yang diharapkan. Anda juga boleh cuba memadam imej pada pelayan dan memuat semulanya. Ia mungkin kelihatan pelik, tetapi kita telah melihat kerja ini lebih daripada sekali. Kadang-kadang fail rosak, jadi kaedah "hapus dan ganti" ini boleh membantu.
Laman Web Mengosongkan Imej Dimatikan
Anda biasanya ingin menjadi tuan rumah mana-mana imej yang digunakan oleh laman web anda pada pelayan anda sendiri, tetapi dalam beberapa kes, anda mungkin menggunakan imej yang dihoskan di tempat lain. Sekiranya laman web ini menjadi tuan rumah, imej anda tidak akan dimuatkan.
Memindahkan Masalah
Sama ada fail imej dimuatkan dari domain luaran atau dari anda sendiri, selalu terdapat peluang bahawa mungkin terdapat masalah pemindahan untuk fail tersebut apabila pertama kali diminta oleh penyemak imbas. Ini tidak sepatutnya menjadi kejadian biasa (jika ada, anda mungkin perlu mencari penyedia hosting baru ), tetapi ia boleh berlaku dari semasa ke semasa.
Sisi yang tidak disenangi isu ini ialah benar-benar tiada apa yang boleh anda lakukan mengenainya kerana ia adalah masalah di luar kawalan anda. Berita baiknya adalah bahawa ia adalah masalah sementara yang sering diselesaikan dengan cepat. Sebagai contoh, apabila seseorang melihat halaman yang pecah dan menyegarkannya, itu sahaja akan membetulkan masalah dan memuatkan imej dengan betul. Jika anda melihat imej yang rosak, muat semula penyemak imbas untuk melihat sama ada ia hanya masalah penghantaran permintaan awal anda.
Sedikit Nota Akhir
Apabila berfikir tentang imej dan kebimbangan pemuatan, dua perkara yang juga perlu diberi perhatian ialah penggunaan ALT tag dan kelajuan laman web anda dan prestasi keseluruhan.
ALT, atau "teks alternatif", ialah tag yang dipaparkan oleh penyemak imbas jika imej gagal dimuatkan. Mereka juga merupakan komponen penting dalam membuat laman web yang boleh diakses yang boleh digunakan oleh orang kurang upaya tertentu. Setiap imej sebaris di tapak anda harus mempunyai tag ALT yang sesuai. Ambil perhatian bahawa imej yang digunakan dengan CSS tidak mempunyai atribut ini.
Bagi prestasi laman web, memuatkan terlalu banyak imej, atau hanya beberapa imej gergasi yang tidak dioptimumkan dengan tepat untuk penghantaran web , akan memberi kesan negatif pada kelajuan pemuatan. Atas sebab ini, pastikan untuk menguji impak mana-mana imej yang anda gunakan dalam reka bentuk laman web anda dan mengambil langkah-langkah yang perlu untuk meningkatkan prestasi laman web ini sementara masih membuat penampilan dan perasaan keseluruhan yang sesuai untuk projek laman web anda.