Sudah habis banyak waktu untuk upload gambar, eh malah gambar tidak muncul di web. Belum lagi, tampilan website pun jadi tidak menarik. Hal ini pasti membuat Anda kesal, bukan?
Nah, kenapa bisa begitu, ya? Lalu, bagaimana cara memperbaikinya?
Jangan khawatir. Kami akan membahas penyebab gambar tidak muncul di web di artikel ini secara lengkap. Plus, kami akan bagikan solusi untuk memperbaiki gambar tidak bisa tampil tersebut. Yuk, simak!
7 Penyebab Gambar Tidak Muncul di Web dan Solusinya
Berikut ini tujuh penyebab gambar tidak muncul di web yang perlu Anda ketahui:
- Kesalahan nama folder
- Kesalahan nama file
- Kesalahan penulisan ekstensi
- File gambar error
- Kendala database website
- Kendala loading gambar
- Kendala server down
Nah, mari simak penjelasannya lengkapnya!
1. Kesalahan Nama Folder Gambar di Kode HTML
Salah satu penyebab gambar tidak muncul di web adalah kesalahan nama folder gambar di kode HTML. Kesalahan tersebut membuat server tidak akan bisa menemukan gambar yang diminta untuk ditampilkan.
Nah, solusinya adalah mengecek nama folder gambar yang tidak muncul di kode HTML. Nama folder biasanya terletak di sebelah kiri nama file gambar, seperti “images” pada contoh di bawah ini:
<img src="https://www.antoni.web.id/blog/gambar-tidak-muncul-di-web/images/gambar.jpg" width="400">
Jika nama folder sudah dikoreksi, akses kembali halaman website yang gambarnya tidak muncul.
Baca Juga: Cara Memasukkan dan Mengatur Gambar di HTML
2. Kesalahan Penulisan Nama File Gambar
Ketika mengecek nama folder di kode HTML, pastikan juga nama file gambar sudah benar. Kalau ada pengejaan yang salah, akibatnya gambar tidak muncul di halaman web.
Sebagai contoh, nama file Anda “membersihkan-akuarium.png”, tetapi yang ditulis di kode adalah “membersihkan-akaurium.png”. Tentu, gambar tidak akan dimunculkan karena nama file berbeda.
3. Kesalahan Penulisan Ekstensi File Gambar
Penulisan ekstensi file yang salah di kode HTML juga bisa membuat gambar tidak muncul di web, lho. Contohnya, gambar yang dipasang di halaman web berjenis PNG, tetapi di kode tertulis “.jpg”.
Selain itu, perhatikan juga penggunaan huruf kapital dan kecil di nama file sebelum diunggah ke website. Sebab, gambar tetap tidak bisa ditampilkan jika Anda mengetikkan “.jpg”, sedangkan yang tertulis di nama file-nya diikuti “.JPG”.
Sebagai catatan, ada baiknya Anda selalu menggunakan huruf kecil di penamaan file. Dengan begitu, Anda tidak perlu mengecek ekstensi file ketika membuat file HTML.
4. File Gambar Error
Apabila gambar tidak muncul di web, penyebabnya bisa saja karena file-nya error. Solusi dari masalah ini adalah menghapus file tersebut dari content management system (CMS) Anda, dan mengunggahnya kembali.
Di WordPress, ada versi lain dari kendala ini di mana muncul pesan “HTTP error” pada area gambar yang hilang. Untuk mengatasinya, Anda perlu mengakses cPanel hosting dan mencoba cara di bawah ini satu per satu:
- Akses direktori wp-content/uploads/images melalui file manager dan pastikan file permission-nya 755.
- Pastikan pengaturan URL Images di wp-admin mengarah ke folder yang benar.
- Nonaktifkan fitur Protect Directory di cPanel.
5. Masalah Pada Database Website
Database adalah tempat menyimpan berbagai informasi, termasuk gambar yang ada di website. Jika terjadi error pada database, gambar tersebut bisa saja tidak dapat ditampilkan.
Error pada database dapat disebabkan karena CMS menggunakan login database yang berbeda dari yang telah diatur di panel kontrol hosting.
Apabila hal itu terjadi, Anda harus mengecek login database website di panel kontrol. Kemudian, pastikan username dan password di pengaturan database website sama. Di WordPress, contohnya, pengaturan database terdapat di file wp-config.php.
6. Masalah Saat Menampilkan Halaman Web
Gambar tidak muncul di web bisa terjadi juga karena ada masalah saat loading halaman. Salah satu penyebabnya adalah kesalahan saat server mengirimkan file-file halaman website yang diminta oleh browser.
Solusi untuk masalah ini adalah memuat ulang halaman website yang gambarnya tidak muncul. Jika masalah ini terus terjadi, Anda perlu menghubungi penyedia hosting yang Anda gunakan.
7. Hosting File Embed Down
CMS umumnya menawarkan fitur embed gambar. Dengan fitur ini, gambar yang disimpan di platform lain bisa ditampilkan di halaman website Anda melalui URL.
Cara ini bisa dikatakan cukup praktis karena selain pilihan gambar yang bisa ditampilkan banyak, Anda juga tak perlu repot untuk menyimpannya dulu di server Anda.
Namun, cara menampilkan gambar tersebut memiliki kelemahan. Sebab, apabila server yang menyimpan gambar Anda down, gambar tersebut tidak bisa ditampilkan.
Agar aman, Anda bisa meng-upload gambar ke server hosting sendiri. Apalagi kalau Anda menggunakan layanan hosting dengan uptime tinggi dan storage yang besar.
Siap Mengatasi Masalah Gambar Tidak Muncul di Web?
Gambar tidak muncul di web tentu membuat Anda kesal. Apalagi, kalau itu mengganggu kenyamanan pengunjung. Anda tentu panik karena khawatir mereka tidak akan datang kembali.
Untungnya, Anda sudah mengetahui tujuh penyebab dan solusinya di atas, yaitu:
- Kesalahan nama folder — koreksi nama folder
- Kesalahan nama file — koreksi nama file
- Kesalahan ekstensi file — koreksi penulisan ekstensi file
- File gambar error — hapus dan upload kembali filenya
- Database bermasalah — pastikan CMS menggunakan login database yang benar
- Kendala loading website — muat ulang halaman web
- Hosting eksternal down — simpan gambar di server hosting milik sendiri
Enam dari tujuh penyebab gambar tidak muncul di web tadi mudah diatasi. Namun, jika server hosting dari gambar yang Anda pasang sedang down, mau tidak mau Anda harus menunggu perbaikan.
Itulah mengapa Anda perlu menyimpan gambar di server hosting website Anda sendiri. Lebih baik lagi, pilihlah hosting yang uptime servernya tinggi. Dengan begitu, risiko server down dan gambar tidak muncul di web akan dapat dihindari.