Sayfa çiziliyor ve resimler kırıksa, HTML yolundadır; yolunda olmayan, resim istekleriyle ilgili bir şeydir. Ağ panelini açın, sayfayı yeniden yükleyin ve durum sütununu aşağıdaki dört sebebe göre okuyun.

404 — yol yanlış

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

Linux'ta dosya adı büyük-küçük harf ayırır. Rack.webp ile rack.webp ayrı dosyalardır; Windows ya da macOS üzerinde geliştirilmiş bir sitenin, yayına alındığı anda resimlerini yitirmesinin sebebi de budur.

403 — var, ama okunamıyor

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, yoldaki her dizini tek tek yürür. Çalıştırma izni olmayan tek bir üst dizin, altındaki her şeyi engeller; oysa dosyanın kendisi kusursuz görünür.

Engellenmiş ya da karışık içerik

https bir sayfada http üzerinden istenen bir resmi tarayıcı engeller ve konsolda karışık içerik olarak gösterir. Bkz. HTTPS'e geçtikten sonra karışık içerik. Bir reklam engelleyici de yolunda ads ya da banner gibi sözcükler geçen her şeyi düşürür.

200 geliyor, yine de görünmüyor

  • Dosya, adının iddia ettiği biçimde değildir — örneğin .jpg diye kaydedilmiş bir HTML hata sayfası.
  • Bir CDN, önbelleğe alınmış bir hata döndürmüştür. O yolu temizleyin ve yeniden isteyin.
  • Resim oradadır ve yüksekliği sıfırdır; bu dosyanın değil, CSS'in işidir.
file /var/www/site/public/img/rack.webp
curl -sS https://yourdomain.com/img/rack.webp | head -c 20 | xxd | head -2
Yukarıdakilerin hepsi yerelde yolundaysa ama bir vekil sunucu üzerinden bozuluyorsa, kaynağı --resolve ile doğrudan isteyin ve karşılaştırın. Bu, sorunu tek bir komutla ikiye böler.