*

「ブラウザを更新しても画像が変わらない」を解決するChromeの小技

公開日: : ブラウザ

更新しても画像が変わらない

ホームページを作っていたり、Web 制作の現場ではあるあるな事を紹介します。

Web サイトを運営していれば、画像を差し替える事は度々ある事です。違う画像ファイル名でアップロードして html ファイルも書き換えるのはめんどくさいので、FFFTP などのクライアントソフトで画像を上書きぽいっちょ。そうすると時短にもなって良いのですが、たまにある問題が発生します。

「あれ、ブラウザを更新しても画像が変わらないなぁー。」

何で画像が変わらないんだろうと悪戦苦闘して調査に時間を浪費している人を見ました。

原因はキャッシュにあり

ブラウザは一度訪れたサイトの画像データ等をローカルに持っておいて、次回サイトに訪れた時に画像読み込み時間を短縮する仕組みを持っています。なので、実際にはサーバーで画像は差し替わっているのですがキャッシュがローカルに残っているので画像が変わらないという事がしばしば発生します。

しかし、単純にブラウザを更新しても画像は変わってくれない事があります。烈火のごとくF5キーを連打していれば画像が変わってくれる事もあります。

そんな苦労をしなくても良い方法があります。

キャッシュを消去する

ローカルに残ってあるキャッシュを消去すれば、改めてサーバーから画像を読みに行くので新しい画像に更新されます。

キャッシュを消去するには Google Chrome で Ctrl + Shift + Delete を押してください。

キャッシュを消去

閲覧履歴データを消去する画面が表示されるので「キャッシュされた画像とファイル」にチェックを入れて、閲覧履歴データを消去するボタンを押せばOKです。

さて、これで画像が新しいものに変わる…。

残念ながら Chrome においては、何故かこれでも画像が変わってくれない場合があります。そんな時の為に更なる技があります。

ハード再読み込み(スーパーリロード)

スーパーリロードって何か大層な名前でかっこいいですが、まさしく最強の再読み込みです。

スーパーリロードをするには、更新したいページ上で右クリックをしてメニューから「要素を検証」を選択します。

そして、Chrome の左上の更新ボタンをマウスで左クリック長押しします。

ハード再読み込み

するとそこからメニューが表示されて「ハード再読み込み」と「キャッシュの消去とハード再読み込み」が表示されます。これならF5を連打しなくても、一発で画像が更新してくれますよ。わざわざイライラしなくても済みます。

おわりに

キャッシュって意外と頑固なんですよね。この小技を知っていれば、時間の節約にもなりますし頭の片隅に入れておいて頂ければいつかきっと役に立つ事がある筈!

  • Pocket

おすすめトピックス

関連記事

Chrome
【Chrome】ブックマークは左という固定観念やめたら?上でもいいじゃない

Google Chrome では2014年12月現在、Internet Explorer や Firefox のようにブックマーク(お気に入り)をブラウザの左側に固定して表示する事はできません。そして Google はわ […]

Chromeのお気に入りのファビコンが全て表示されない時の対処法

先日 Chrome ブラウザのブックマークのファビコンが何らかの原因で全て表示されなくなってしまい困った事態になりました。 ファビコンとはウェブサイトをお気に入り(ブックマーク)したら表示される小さなアイコンの事で、その […]

超便利!Android版Chromeのタップして検索で気になる単語をその場で検索

スマートフォンで Android 版 Google Chrome を使用して色々なサイトを見ていた時、偶然にですが便利機能を見つけてしまいました。それはタップして検索です。 Android 版 Chrome のバージョン […]

辞書サイトに行かずにその場で翻訳できるChrome拡張「どこでも翻訳」が便利

インターネット閲覧中やパソコンで作業中、この言葉を英語でどう書くんだろう?と思う事もしばしばあると思います。そんな時はブラウザの別タブを開いて辞書サイトへ行ったり Google 翻訳を開いたり、本の辞書を開いたりしますよ […]

思わぬトラブル!IEだけ画像が表示されない

こんにちは、桐村です。私が過去一瞬だけ Web デザイナーになった時に一度だけ経験したトラブルを紹介。 今現在の Windows の主要ブラウザ、「Internet Explorer」だけ画像が表示されない事態が起きまし […]

Chromeでページ上に広告やポップアップが出現したらマルウェアに感染しているかもしれません

Freepikによるデザイン あなたのパソコンに害をなすコンピュータウイルスや不正なソフトウェア(マルウェア)はインターネット上にはびこっています。この手のものであなたのパソコンへの侵入経路はメールだったり、怪しいサイト […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
ゆうメールが厚み3cm以上の規格外サイズを廃止!代替の発送方法は

先日久しぶりに郵便局へゆうメールを発送しに行ったのですが、受付

梱包用ppバンドのストッパーのはさみを使わない外し方

ダンボールで荷物を梱包する時、より強固にする為に pp バンド

ローチョコレート
彦根市に生カカオが活きたローチョコレート専門店「ハレトケト」

滋賀県彦根市、彦根城周辺の古き町並みが残る地に滋賀県初のローチ

アサシンクリードオデッセイ
アサシンクリードオデッセイPC版をGeforce GTX 1070でプレイした感想

2018年10月5日に発売されたアサシンクリードオデッセイの

大垣市のお洒落なビストロ「洋食もくれん」でディナー

岐阜県大垣市の大垣駅近くに「洋食もくれん(洋食 MOQLEN)

→もっと見る