日曜エンジニアのIT道場
ITを学び、DXに備える
    HTML&CSS

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

    エラーの解決メモです。

     

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

     

     

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

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

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

    pngとPNGは別物です。

     

     

    画像が変わらない時

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

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

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

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

     

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

     

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

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

     

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

    「検証」を選びます。

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

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

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

     

     

    まとめ

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

    まとめると、

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

     

     

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

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

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