- ブラウザに残ったキャッシュが原因で古い画像が表示され続けます
- 解決には「スーパーリロード」による強制再読み込みが有効です
- ファイル名を変更してアップロードし直すのが最も確実な対処法です
当サイトの情報は個人の体験談であり、投資の助言や医学的な治療効果を保証するものではありません
【怪奇現象？】古い画像と同じファイル名（半角英数字）を使うと…
WordPress メディアライブラリ内の画像を変更したくなりました。
管理人さんライブラリ内の以前アップロードした画像を新しいのに変更したいんだよね～
新しく調整を加えたアイキャッチ画像をメディアライブラリに追加したかったんです。私は画像を「Gemini 3（ジェミニさん）」のアドバイスに従ってすべてのファイル名を「半角英数字」で管理しています。
簡単な画像の置き換えです。画像の内容は余白などを調整したぐらいで新しいものと古いものは（ほぼ）同じです。だからファイル名（半角英数字）も同じにしたかったんです。
私は先に古い画像を削除し、新しい画像をアップロードすることにしました。古い画像を削除する前にファイル名（半角英数字）をコピーして新しい画像に貼り付けました。
半角英数字で管理するファイル名（半角英数字）も、これなら新しく英語で考えなくても良いので楽ちんです。
管理人さんあれ？古い画像は確実に削除しました。しかし、なぜか古い画像が表示されます。なんで変更されないの？それも何回も何回も・・・
私の師匠であるジェミニさんに相談します。
ジェミニさんWeb制作をしていると本当によく遭遇する「あるある」の怪奇現象です！削除したはずの画像がゾンビのように蘇ってくると、本当に焦りますよね。
私は対話の中で自分の環境をジェミニさんに伝えていきました。
私の使用しているレンタルサーバーは「ロリポップ！レンタルサーバー（ハイスピードプラン）」です。WordPress テーマの SWELL を使用しています。また、プラグインでは「LiteSpeed Cache」を導入しています。などなど・・・
ジェミニさんのアドバイスのもと一つ一つ問題を潰して行きます。
ジェミニさんロリポップ！アクセラレータの機能をオフにしてください！
ジェミニさん「LiteSpeed Cache」で「すべてをパージする」をクリックしてください。それでも改善されなければ一度プラグインを無効にしてください。
ジェミニさんWordPress 上部ツールバーの SWELL 設定内「キャッシュクリア（ブログカード）」をクリックしてください。
管理人さん「んがががが～！」このあたりで初心者的にはパンパンになってきます。
なかなかゾンビ現象は改善されません。では、犯人はどこにいたのでしょうか？
十中八九、「あなたのブラウザ（Chrome や Edge など）」の記憶（ブラウザキャッシュ）の中に潜んでいます。
この「ゾンビ現象」を退治するための、最も確実で早い解決策を2つお伝えします。
【WordPress】画像が変更できない！最速解決ベスト 2
【解決策 1】ファイル名を変更してアップロードする（★一番おすすめ）
これが最強かつ最速の解決策です。私はこの方法で解決しました！
仮に削除したファイル名が icon.png だとします。あなたの新しく作ったファイル名も icon.png ではありませんか？
私は前述のとおり、古い画像を削除する前にファイル名（半角英数字）をコピーして、新しい画像に「古い画像のファイル名（半角英数字）」を貼り付けていました。
ブラウザは、「同じファイル名（同じ URL）」の画像を見つけると、「あ、これさっき読み込んだやつと同じだな！ サーバーから読み込むと遅くなるから、私の記憶（キャッシュ）にある画像を表示しちゃおう！」と気を利かせて、古い画像を勝手に表示してしまう習性があります。
サーバー側でいくら画像を入れ替えても、ブラウザがサーバーに見に行ってくれないのです。
PC 上で、新しい画像のファイル名を少し変えてください。
icon.png →【 icon-02.png】などに変更。
※ 私は【 icon-02.png】の対処法を採用しました。
名前を変えてからアップロードすれば、ブラウザは「お、新しい画像だな！」と認識して、必ず新しい方を表示してくれます。
【解決策 2】スーパーリロード（強制再読み込み）を試す
「いや、ファイル名は変えたくない！」という場合は、ブラウザに「記憶を捨てて、無理やりサーバーから読み込んでこい！」と命令する方法があります。これを「スーパーリロード」と言います。
手順：WordPress のメディアライブラリや、画像が表示されている画面を開いた状態で、キーボードの以下のキーを同時に押してください。
Windows の場合：Ctrl + F5 （または Ctrl + Shift + R）
Mac の場合：Command + Shift + R
これで画面がピカッと更新され、新しい画像が表示されれば成功です。
【まとめ】
レンタルサーバー側の設定や プラグイン「LiteSpeed」などで しっかり管理されている方ほど、原因は「手元のブラウザの勘違い」である可能性が非常に高いです。
基本は「修正したらファイル名を変える」（これが一番トラブルが少ないです）
確認するときは「スーパーリロード」
この「ファイル名変更の技」を使えば、ゾンビ画像は二度と現れなくなりますよ！
【終わりに】
私は、結構アイキャッチなどの画像を微調整する癖があるようです。
管理人さんなんと！background-06！
ファイル名（半角英数字）を「background」から始めて background-00・background-01・・・計 8回目！！
ファイル名（半角英数字）の後ろに「-00 」カウントで対処する方法は、私みたいに微調整したい人には特にお勧めです。ぜひ試してみてくださいね。