Kalau halamannya tergambar dan gambarnya rusak, berarti HTML-nya baik-baik saja dan ada sesuatu pada permintaan gambarnya yang tidak. Bukalah panel jaringan, muat ulang, lalu baca kolom statusnya berdasar keempat sebab di bawah ini.

404 — lokasinya keliru

curl -sSI https://yourdomain.com/img/rack.webp | head -1
ls -la /var/www/site/public/img/rack.webp

Di Linux, nama berkas membedakan huruf besar dan kecil. Rack.webp dan rack.webp adalah dua berkas yang berbeda; itulah sebabnya situs yang dibangun di Windows atau macOS kehilangan gambarnya begitu digelar.

403 — ia ada tetapi tak bisa dibaca

sudo -u www-data test -r /var/www/site/public/img/rack.webp && echo readable || echo NOT readable
namei -l /var/www/site/public/img/rack.webp

namei menyusuri setiap direktori sepanjang lokasinya. Satu direktori induk saja tanpa izin jalan sudah memblokir segala yang ada di bawahnya, padahal berkasnya sendiri kelihatan sempurna.

Diblokir, atau isi campuran

Gambar yang diminta lewat http pada halaman https akan diblokir peramban dan ditampilkan di konsol sebagai isi campuran. Lihat Isi campuran setelah pindah ke HTTPS. Pemblokir iklan juga akan membuang apa pun yang lokasinya memuat kata seperti ads atau banner.

200 tetapi tetap tak tampil

  • Berkasnya bukan format seperti yang diakui namanya — misalnya halaman galat HTML yang disimpan dengan nama .jpg.
  • Sebuah CDN mengembalikan galat yang tersinggah. Bersihkan lokasi itu dan mintalah lagi.
  • Gambarnya ada dan tingginya nol; itu urusan CSS, bukan berkasnya.
file /var/www/site/public/img/rack.webp
curl -sS https://yourdomain.com/img/rack.webp | head -c 20 | xxd | head -2
Kalau semua hal di atas baik-baik saja secara lokal tetapi rusak lewat proksi, mintalah asalnya secara langsung dengan --resolve lalu bandingkan. Itu membelah persoalannya jadi dua hanya dengan satu perintah.