*

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

公開日: : ブラウザ

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

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

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

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

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

原因はキャッシュにあり

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

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

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

キャッシュを消去する

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

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

キャッシュを消去

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

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

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

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

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

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

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

ハード再読み込み

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

おわりに

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

  • Pocket

おすすめトピックス

関連記事

Chromeで間違って閉じてしまったタブを再度開き復活させる方法

Google Chrome をはじめとするタブブラウザは一つのウィンドウで複数のタブを開き、色々なウェブサイトを切り替えて見ることができるので便利です。しかし、便利だからといってあまりにタブを開き過ぎると間違えて必要なタ […]

Chromeで文字の置換ができる拡張機能「Search and Replace」の使い方

文字の置換処理の機能は色々なソフトやアプリで実装されています。例えばメモ帳などのテキストエディタにもありますし、Excel や Word などにも実装されている機能です。指定した文字列を任意の文字列に一瞬で置換してくれる […]

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

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

Web制作の明るいオフィス
Google検索結果のリンクから下線が消えたので無理やり出した

ある日いつも通り Google 検索を利用したらある事に気づきました。いや、それはもう驚愕の事態でした。 目次1 Google 検索結果のリンクから下線が消えている!!!2 リンクの下線を復活するには2.1 Styleb […]

ウェブサイトの右クリック無効を解除するChrome拡張「Enable right click」

稀にですが右クリックを無効化しているウェブサイトにたどり着く事があります。右クリックを無効にしている理由は色々とあるでしょうが、右クリックが無効だとマウス操作で戻ったりタブを閉じたりするマウスジェスチャが使えなくなるので […]

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

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

著者について

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

フォローはこちら

       

       
Twitter公式Web版で複数アカウントの切り替えに対応!既存アカウントの追加方法

Twitter をいつもお使いであれば、複数アカウントを運用し

同じ車種でもグレードやタイプによって燃費が異なるのは何故か?

ガソリンが高い時代ですからやはり車の燃費は良い方がいいですよね

札幌円山のストウブ・スキレット料理の「インゾーネテーブル」でランチ

札幌の南円山にインテリアショップ「inZONE」がプロデュース

札幌エスタ10階にできたふわふわかき氷専門店「えぞうさぎ」札幌駅直結!

札幌駅からすぐ近くのエスタ10階にかき氷専門店「えぞうさぎ」が

新千歳空港で早朝7時から朝ごはんが食べられるカフェやレストラン

新千歳空港で飛行機の早朝便は早くて7時30分の飛行機があります。早朝便

→もっと見る