HTML&CSS

【HTML】画像が表示されない時に確認すること

エラーの解決メモです。

 

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

 

 

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

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

  • 画像のファイル名は正しいですか?
  • PNGがpngになっていませんか?

pngとPNGは別物です。

 

 

画像が変わらない時

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

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

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

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

 

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

 

キャッシュの消去方法(GoogleChrome)

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

 

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

「検証」を選びます。

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

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

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

 

 

まとめ

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

まとめると、

  • pngPNGは、別物!
  • 画像が変わらない時は、キャッシュを消去してみること。

 

 

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

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

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