[WordPress] スマホで特定の画像が表示されない時の解決方法

こんにちは、ma-ya’s CREATE［まーやずくりえいと］です。

先日このサイトのブログでスマホのみ画像が表示されないことがあったのでそん時の解決法メモ。

WordPressブログをスマホ実機で見たときに画像が表示されない時の解決方法3選

Googleで検索するとよく出てくる解決法や、今回自分が解決したケースなど併せて紹介していきましょう。

対処法①：画像のファイル名を日本語→アルファベットにする

WEBで検索していると一番よく出てくるケースはこれかと思います。

もし日本語ファイル名の画像をWordPressメディアにアップロードしていたら、おとなしく該当の画像を削除→画像ファイル名をアルファベットにして再アップロードしなおしましょう。

そもそもコンピュータの世界で2バイト文字（＝日本語など）は不具合を起こしやすいと思います。

ローマ字でもいいから名称系はアルファベットにしておく癖をつけた方がベター。

対処法②：画像の保存形式を変更する

今回ぼくが解決した方法はこれです。

根本解決ではないかもしれないし、原因もぶっちゃけ不明ではありますが、スマホで表示されないpng形式の画像をjpgで保存しなおして再アップロードしたらスマホでも画像が表示されるようになりました。

対処法①のケースに該当しない（ファイル名をちゃんとアルファベットにしている）にもかかわらずスマホで画像が表示されない場合は画像の保存形式を変更することで解決する可能性があります。

対処法③：プラグインをひとつずつ停止して確認してみる

WordPressあるあるのトラブルですが、今回のトラブルもプラグインが悪さをしている可能性があります。

特に直近で新しいプラグインを導入した場合はそのプラグインが干渉している可能性があるため、プラグインを停止してみて画像が表示されるか確認してみましょう。

まとめ

というわけでWordPressブログをスマホ実機で見たときに画像が表示されない時の解決方法3選でした。

今回のぼくのトラブルは対処法②で解決しています。

スマホでのみ画像が表示されないなんてトラブルはそんなに起こらないとは思いますが、それでもどなたかの参考になればこれ幸い。

ではでは。