Pepatah lama mengatakan bahwa "sebuah gambar bernilai seribu kata." Slogan ini bersinar di web, di mana perhatian terbentang terkenal pendek—gambar yang tepat dapat membuat atau menghancurkan situs dengan menarik perhatian yang tepat dan halaman yang menarik pengunjung.
Namun ketika grafik gagal dimuat, itu membuat desain terlihat rusak dan, dalam beberapa kasus, dapat menurunkan pengalaman pengguna di situs itu. "Ribuan kata" yang dikirim oleh gambar rusak itu tentu saja bukan kata-kata positif!
1. Jalur File Salah
Saat Anda menambahkan gambar ke situs HTML atau CSS file, Anda harus membuat jalur ke lokasi di struktur direktori tempat file-file itu berada. Ini adalah kode yang memberi tahu browser tempat mencari dan mengambil gambar. Dalam kebanyakan kasus, ini akan berada di dalam folder bernama gambar-gambar. Jika jalur ke folder ini dan file di dalamnya salah, gambar tidak akan dimuat dengan benar karena browser tidak akan dapat mengambil file yang benar. Ini akan mengikuti jalan yang Anda suruh, tetapi akan menemui jalan buntu dan, alih-alih menampilkan gambar yang sesuai, akan menjadi kosong.
2. Nama File Salah Eja
Saat Anda memeriksa jalur file untuk file Anda, pastikan Anda mengeja nama gambar dengan benar. Nama yang salah atau salah eja adalah penyebab paling umum dari masalah pemuatan gambar.
3. Ekstensi File Salah
Dalam beberapa kasus, Anda mungkin memiliki nama file yang dieja dengan benar, tetapi ekstensi file mungkin salah. Jika gambar Anda adalah .jpg file, tetapi HTML Anda mencari .png, akan ada masalah. Gunakan jenis file yang benar untuk setiap gambar lalu rujuk ekstensi yang sama di kode situs web Anda.
Juga, cari sensitivitas huruf besar-kecil. Jika file Anda diakhiri dengan .JPG, dengan huruf kapital semua, tetapi kode Anda mengacu pada .jpg, semua huruf kecil, server web tertentu melihat keduanya berbeda, meskipun mereka adalah kumpulan yang sama same surat. Sensitivitas kasus penting.
Ini praktik terbaik untuk selalu menyimpan file dengan huruf kecil semua. Melakukannya memungkinkan kami untuk selalu menggunakan huruf kecil dalam kode kami, menghilangkan satu kemungkinan masalah yang mungkin kami miliki dengan file gambar kami.
4. File Hilang
Jika jalur ke file gambar Anda benar, dan nama serta ekstensi file juga bebas kesalahan, periksa apakah file telah diunggah ke server web. Mengabaikan untuk mengunggah file ke server itu ketika sebuah situs diluncurkan adalah kesalahan umum yang mudah diabaikan.
Unggah gambar-gambar itu, segarkan halaman web Anda, dan itu akan segera menampilkan file seperti yang diharapkan. Anda juga dapat mencoba menghapus gambar di server dan mengunggahnya kembali. Terkadang file rusak selama transfer (misalnya, dengan teks daripada transfer biner selama FTP), jadi metode "hapus dan ganti" ini terkadang membantu.
5. Situs Web yang Menghosting Gambar Tidak Aktif
Anda biasanya akan menghosting gambar yang digunakan situs Anda sendiri server, namun dalam beberapa kasus, Anda mungkin menggunakan gambar yang dihosting di tempat lain. Jika situs yang menghosting gambar tersebut mati, gambar Anda juga tidak akan dimuat.
6. Masalah Transfer
Apakah file gambar dimuat dari domain eksternal atau dari domain Anda sendiri, selalu ada kemungkinan bahwa mungkin ada masalah transfer untuk file tersebut saat pertama kali diminta oleh browser. Masalah ini seharusnya tidak menjadi kejadian umum (jika ya, Anda mungkin perlu mencari penyedia hosting baru), tetapi bisa terjadi dari waktu ke waktu.
Alasan umum untuk kesalahan ini adalah server kewalahan dan tidak dapat melayani semua aset halaman dengan cukup cepat sebelum waktu permintaan habis. Anda akan melihat masalah ini lebih umum dengan server web virtual yang disediakan dengan harga murah yang berjuang untuk menangani situs yang lebih rumit dan banyak skrip. Jika masalah ini sering terjadi, pertimbangkan untuk meningkatkan kemampuan server atau mencari host baru.
7. Masalah Basis Data
Aplikasi web dinamis modern, seperti WordPress, mengandalkan database untuk menyimpan informasi tentang segala sesuatu di situs, termasuk gambar. Jika situs Anda gagal memuat gambar, ada kemungkinan database mengalami beberapa masalah.
Ada banyak cara masalah database bisa terjadi. Aplikasi Anda bahkan mungkin tidak terhubung ke database, karena sedang down atau tidak dapat dijangkau di server yang berbeda. Sesuatu mungkin telah rusak pada database itu sendiri, atau informasi pengguna database Anda berubah, membuat Anda logout. Bahkan perubahan pengaturan sederhana dapat memicu konsekuensi yang tidak diinginkan yang mengubah database atau membuatnya tidak dapat dijangkau. Periksa log server untuk melihat apakah database mungkin penyebabnya.
Beberapa Catatan Akhir
Pertimbangkan penggunaan yang tepat dari tag ALT dan kecepatan situs web Anda serta kinerja keseluruhan.
Tag ALT, atau "teks alternatif", adalah apa yang ditampilkan oleh browser jika gambar gagal dimuat. Mereka juga merupakan komponen penting dalam membuat situs web yang dapat diakses yang dapat digunakan oleh penyandang disabilitas tertentu. Setiap gambar sebaris di situs Anda harus memiliki tag ALT yang sesuai. Gambar yang diterapkan dengan CSS tidak menawarkan atribut ini.