*

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

公開日: : ブラウザ

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

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

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

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

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

原因はキャッシュにあり

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

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

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

キャッシュを消去する

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

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

キャッシュを消去

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

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

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

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

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

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

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

ハード再読み込み

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

おわりに

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

上部広告

  • Pocket

おすすめトピックス

関連記事

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

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

ブラウザ
最新IE以外が衝撃のサポート終了!バージョンの確認方法とアップデート方法

2016年1月13日をもって旧バージョンの Internet Explorer(ブラウザ) のサポートが終了した事をご存知でしょうか。サポートが終了という事は、もう金輪際アップデートはないという事です。どんな危険な脆弱性 […]

Chromeの検索窓でAmazon等色々なサイトの検索をする方法

ブラウザの Google Chrome をお使いの方であれば、アドレスバーに検索キーワードを入力して検索する事は日常茶飯事でしょう。そして、そこに入力した結果表示されるものは Google だと思います。 実は、Chro […]

オートコンプリート
Chromeでオートコンプリート(入力履歴)を一部消す方法

オートコンプリートとは、ウェブサイトのフォーム内のテキストボックスなどに入力した言葉をブラウザが記憶して、今までに入力した内容をテキストボックス下に表示される機能です。 ウェブサイトの検索窓やお問合せフォームなどで活躍す […]

Insert Text
右クリックから定型文を挿入できるChrome拡張「Insert Text」

仕事柄、何度も同じことを何度も入力する機会がある方もいらっしゃると思います。メールの書き始めや締め等など。そんなのをいちいち打ち込んでいたら時間もかかるし面倒です。そういう場合、ある場所からコピーしてきて使っていたのです […]

タブレットのGoogle Chromeで全てのタブを閉じるのが意外に難関だった

先日友人にある相談を持ちかけられました。 「タブレット(Android)でインターネットがクソ重いんだけど…。」 どうせあの友人の事だから、ゲームや色んなアプリをインストールしまくって重くなっているんだろうなとは思ってい […]

上部広告

著者について

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

フォローはこちら

       

上部広告

       
誰でも簡単に猫のイラストから写真のような猫ができる猫ツールが凄かった

猫は小学生の頃から好きでよく猫のイラストもノートに落書きしたり

ぽてコタン
玉ねぎとじゃがいもの旨味が凝縮されたのカルビー「ぽてコタン」が美味い【北海道限定】

北海道土産として人気で名高いものの一つにカルビーの「じゃがポッ

FOR HONOR(フォーオナー)PC版をGeforce GTX960でプレイした感想

侍が登場するゲームが出ると聞いて大変興味が沸いたゲームがありま

チキンガンボ
札幌でアメリカン料理が楽しめるダイニングバー「BUDDY BUDDY(バディバディ)」でディナー

札幌には和食、イタリアン、パンケーキ、様々な飲食店がありますが

ピクルス
ピクルスとは何か?実はきゅうりを指す言葉ではなかった

ピクルスと聞いて何を思い浮かべるでしょうか?日本でも一般的な食

→もっと見る