【パソコン】Webページの画像が更新されない。原因はキャッシュ!?

【パソコン】Webページの画像が更新されない。原因はキャッシュ!?

Web制作の現場にてたまにあります。
「ホームページの画像を更新したのに、画像がかわっていない問題。」

この問題の解決方法について、お伝えします。

Web制作を始めたばかりの頃の自分に向けて備忘録も兼ねて書いています。

【ホームページ】画像が更新されない。原因はキャッシュ!?

パソコンにて、ホームページの画像が更新されないということがたまにあります。
これって色々原因がありますが、1番の可能性は「キャッシュ」が悪さをしています。

キャッシュ・・・パソコンが一時的に保持しているWebページのデータのことです。
再度表示する際に、読み込みを短くしたり、データによってはパソコン内に一時的に保存していたりします。

どうゆうことかといいますと、ホームページを開きました!Aという画像が表示されている。
この時にAという画像が一時的にアクセスしているパソコン内でデータ保存されています。

そしてホームページ上のAという画像を更新してBに変えた際に一時ファイルがパソコン内にある状態だと、サーバー上(画像を置いている場所)には、Bという画像があるのにパソコンに一時ファイル(A)があるせいでAという画像が表示されてしまうという状態ですね。

 

どうやったら、最新の画像が表示されるの??


最新の画像が表示される方法はいくつかあります。

1.F5(更新:リロード)を押してみる。
一度ホームページを開いた際に、F5ボタンを押してみると最新の状態へ切り替わる場合がります。

2.Ctrl+F5(スーパーリロード)をしてみる。
こちらは、1の方法の強力版です。こちらも試してみよう!!

まずはこの2つで試してみよう!
これで変わっていればOKです。

3.また画像ちゃんと最新になっているかどうかだけであれば、
他の端末や別のブラウザで対象のページにアクセスしてみるのも手ですね。

 

まれにダメなパターンがあります。そんな時の対策方法が1つあります。

※ここからは、ホームページ管理・更新担当者向けかも。

ファイルは間違いなく、最新のものをサーバ上へアップしていて自分のパソコンで確認したらきちんと更新されているけど、他の方が見たときには変わっていない・・・・orz

こんな悲しい時があったりします。この時は、対象のHTMLファイルの指定の画像ファイル名の後ろに

aaa.jpg ⇒ aaa.jpg?20190720

「?20190720」 こう表記すると強制的に画像を切り替えることが可能です。
※この?の後ろの文字列は何でもOKですが私は日付を使いましたね。

これは何をやっているかというとファイル名を強制的に変えることにより
画像ファイルが変わっているよ?と教えてあげています。

この方法だとほぼ間違いなく画像は切り替わりますし、キャッシュの事は気にしなくても大丈夫です。

ただし、お仕事にてご利用の際には、ファイルの命名規則などのルールに抵触しない場合のみにご活用くださいませ。
最近のWebブラウザ環境だと、こういったことが起きることがそもそもないかもしれないけどね。

 

あとがき

もし、ホームページの画像を差し替えたのに変わってないよー!という方はぜひお試しくださいませ。悩んでいることが解決できるかもしれませんよ。

全ての環境にてつかえるテクニックというわけではないかもしれませんが、ちょっとしたwebサイトの更新であれば、役立つテクニックです。

私も実は何度かこの方法で助けられたことがありますので、一つの解決方法として有効ですよ(=゚ω゚)ノ

 

https://miyabi-life.com/pc/lhaplus

 

【iPhone】スマホでPC画面を表示させる方法をご紹介

 

パソコンカテゴリの最新記事