【サイト運営】サーバーにアップしたはずの画像が表示されない時の解決策

はるかす
こんにちは、はるかす(@mametyralove)です。

僕はレンタルサーバーを借りてサイトを運営しています。もちろん、そこに画像をアップロードしてサイト内に画像を表示させたりもしています。

ところが、たまにサーバーに画像をアップロードしたはず(実際している)なのに画像のURLをきちんと指定しても画像が表示されないという出来事があります。

画像が表示されない場合はalt属性に設定した文字列が表示されますよね。

今回は、そんな読み込めない状況をひとまずなんとかする改善策をご紹介します。

画像が表示されない原因と解決策

サーバーに画像がアップロードされている前提で解説していきます。

原因1:HTMLコードの誤り

これはやってしまいがちですが、imgタグのコードを間違えて書いている可能性があります。

よく書くのはこんな感じです。

一度、書いたコードを見直してみてください。

 

原因2:キャッシュが残っている

一度画像をアップロードしたけれど、不都合があった場合にはファイル名は変えずに上書き保存することがあるかと思います。

そのような場合は、上書きする前の画像が表示されることがあります。

これは、ブラウザが一度読み取った画像とURLを保存して結びつけているからです(厳密には違うかも)。通信量をできるだけ少なくするための機能です。

僕はGoogleChromを使っていますが、お使いのブラウザのキャッシュを削除する方法をお調べください。

 

原因3: 更新の遅延

サーバーにアップロードしたけれど表示されないのは更新が遅延しているだけかもしれません。僕はブラウザについて全然詳しくないので根本的な解決はできません。

しかし、別タブで画像のURLに直接アクセスすることで解決することがあります

例えば「http://harukasu.work/img/example.jpg」を表示させたければ、ブラウザのURLを入力する所にそのURLを書きます。

最初は表示されないかもしれませんが、何度か更新している内に表示されることがほとんどなのでぜひ試してみたください。

はるかす
それなら普通に更新したら表示されても良いはずなんだけどなんでダメだったんだろう…

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です