wordpress4.4にしたらスマホ表示で勝手に画像が汚くなってしまった時の解決方法

Warning: count(): Parameter must be an array or an object that implements Countable in /home/jmonolog/monoloog.net/public_html/wp-includes/media.php on line 1204

Warning: count(): Parameter must be an array or an object that implements Countable in /home/jmonolog/monoloog.net/public_html/wp-includes/media.php on line 1204

wordpressをアップグレードしたら、いきなりスマートフォンで表示した時だけ画像が汚く表示される現象になり困っていませんか？
＠自由堂です、こんにちは。
この記事はwordpressを使ってWEBサイトを運営している人向けのトラブル解決方法です。

wordpressを4.4にしただけでスマホで閲覧時の画像が汚く表示されるように

wordpressを運営している人なら管理画面に表示される更新のお知らせを見るとすぐに更新しますよね。
セキュリティ向上や新たな機能追加で頻繁に更新されるwordpressのシステムファイルですが、wordpress4.4で追加されたレスポンシブ画像という機能にスマホで表示した時に画像を自動で劣化表示させる機能がついています。
その機能により、wordpressをアップグレードしたら勝手に画像が劣化されるといった状態になってしまうのです。
PCで見ると通常通りに画像は表示されるのに、スマートフォンで表示するとこんな感じに表示されてしまうのです。

画像が全く表示されないわけでもないので、実際に目の当たりにしないと運営側は発見しづらいかと思われます。
サイト閲覧者から画像の劣化についてメッセージなどがあればすぐに気づくかもしれませんが、そういう優良な閲覧者が自分のサイトを見ていてくれるとは限りませんよね。

始めて訪問する閲覧者がこういった画像の汚いサイトや記事を見た時にマイナスに感じてもプラスに感じる事はないと思います。
おいしいご飯やキレイな景色の画像が汚く表示されていたら『なにこの画像…』って思いますよね。
それが読者離れの原因にもなりかねません。

そういったデメリットもあるので画像がキレイに表示するって大事なんです。

スマホで表示すると画像が汚くなってしまうのを解決する為の手順

それでは、【その画像が勝手に汚くなるのを解決】するにはどうしたらいいのかを紹介します。

①外観　⇒　テーマ編集　⇒　function.phpを表示する
②function.phpの中に下記の文字列(関数)を追加

add_filter('wp_calculate_image_srcset','__return_false');
add_filter('wp_calculate_image_sizes','__return_false');

③画像がしっかり表示されているか確認をする

この方法を使うとスマートフォンで汚く表示されていたのが、本来のキレイな画像で表示されます。