【EWWW Image Optimizer】画像が表示されない時の解決方法を紹介！

WordPressを使って投稿用の記事を作っているときに画像が表示されない問題が起きました。
色々と原因を調査して、なんとか問題を解決できましたので、その備忘録を残しておきます。

EWWW Image Optimizerとは

自分のサイトに画像を挿入したい方は多いと思います。
しかし、サイトの表示速度に影響を与える要因の１つが画像のファイルサイズです。
表示速度が遅いと、せっかく見に来てくれた人も見る気がなくなっちゃいますよね。
しかも表示速度の低下はGoogleからの評価も低くなります。

「EWWW Image Optimizer」は、そんな問題を解決してくれる便利道具です。

具体的に説明すると、画像を劣化させることなく圧縮し最適化できるWordPressのプラグインです。

サイトに設定した画像が表示されない問題

これはかつての私のサイトの様子なのですが、設定しているはずのアイキャッチ画像が表示されない問題が起きました。
もちろん各記事の中に設定した画像も反映されていません。
自分で編集中の時は画像が反映されているのに、外部から記事を見てみるとこうなります。

当時のサイトの状況

・WordPressのバージョンは5.7.2
・使用テーマの「Cocoon Child」はバージョン1.1.2
・親テーマの「Cocoon」はバージョン2.2.8.1
・「EWWW Image Optimizer」のバージョンは6.1.5

問題が起きた2021年6月12日時点で、すべて最新のバージョンとなっています。

原因解明のための手順

問題解決の方法は問題を一つ一つ切り分けることです。
今回はまず一度、画像関係のプラグインを一旦無効化してみました。
私が画像関係で唯一導入していたのは「EWWW Image Optimizer」だけです。
これをプラグインの項目から無効化！

すると、画像が表示されました。
つまり問題は「EWWW Image Optimizer」にあると確定できました。

次に「EWWW Image Optimizer」のどの設定に問題があるかを調査します。
まずはWordPressのページから「プラグイン」→「EWWW Image Optimizer」の「設定」をクリックしましょう。

一つ一つ項目を確認していくと、「基本」タグのところに「遅延読み込み」のチェックマークが入っていました。
説明文を読んでみると、少し怪しい。
これが原因で画像の読み込みに問題が生じていると判断したため、一度チェックを外してみます。

チェックマークを外した後は「設定の保存」を忘れないようにしましょう。

変更してみると…

画像が表示された！

外部から見てみると無事に画像が読み込まれることが確認できました。

まとめ

WordPressを使ってホームページを使っているときに画像が表示されない場合、「EWWW Image Optimizer」というプラグインの画像の遅延読み込みにチェックマークが入っていて、これが悪さをしている可能性があります。

解決方法を最後にもう一度示しておきます。

もし、同じような症状の方が居られたら、ぜひ同じように試してみてください。
解決するかもしれません。

プラグインは大変便利ですが、時々意図しない問題が発生したりします。
こういう時はまず、プラグインを止めてみると問題が解決するかもしれません。
そうなると原因はプラグインにあるとわかります。

逆に問題が解決しなければ、プラグイン以外のところで問題が生じていると思われます。
例えばWordPressのバージョンが古すぎても問題は起こる可能性があります。
画像ファイルに特殊な拡張子のものを使用していることが原因だったりするかもしれません。

りんね☆のひとこと