HTMLで画像が表示されない時に確認すること｜日曜エンジニアのプログラミング

エラーの解決メモです。

<img src="○○.jpg"> と指定しても、画像が表示されない時の対処方法についてご紹介します。

画像が表示されない時の対処

imgタグでsrc を指定しても画像が表示されない時は、以下の2点を確認してみてください。

pngとPNGは別物です。

画像のファイル名は変更したのに、画像が変わらない時ってありませんか。

そんな時は、キャッシュを消去すると解決するかもしれません。

キャッシュとは、ページを速く表示するために、パソコンが記憶しているデータのことです。

一度訪れたWebページのデータを保存しておくことで、読み込みを速くしようとするパソコンの機能です。

このデータが残っていると、画像のファイルを変更しても、画像が変わらない現象がおこることがあります。

GoogleChromeでの「キャッシュの消去方法」をご紹介します。

Webページ上のどこでもいいので「右クリック」します。

「検証」を選びます。

ブラウザの「再読み込みボタン」🔃 を右クリックします。

「キャッシュの消去とハード再読み込み」をクリックします。

これでキャッシュが消去できます。

Web制作時の画像関係のエラーについてご紹介しました。

まとめると、

記事を読んでくださりありがとうございました。

この記事が参考になった、おもしろかったという方は、広告をクリックしていただけると励みになります。

これからもよろしくお願い致します。