WordPress4.4.0 一部スマホで画像の画質が荒くなるバグ対処法
WordPressのスマホで画質が荒くなるバグ修正前と対策後
画像解像度が荒くなるバグ修正法
管理人、既にこの " WordPressブログブログ " の他にWordPressのブログを2つ持っています。
で、新年を新たな気持ちで迎えるべく、この2つのブログ（※）をお正月にWordPressのバージョンを最新の4.4.0にアップデート。
（※なる楽器 と BOSSマニア共和国）
片方が3.9.9からともう片方が確か4.1.3あたりから。
で、iPhone6Plusのsafariで自分のブログを見ていたら、画像の解像度が下がって表示が荒くなっている。
4.4.0にアップデート後、スマホで見たら画像の解像度がひどいことに
タップして画像だけの表示にすると普通に表示されるんですけど、記事内での表示が非常に荒い。
まだ4.4.0が出たばかりのせいで情報が少ないからか、Google先生に訊いても埒があかず、WordPressフォーラムを覗いたらトピックが挙がってました。
結論から言えば、以下のコード2行をfunctions.phpの<?php ~ ?>間に追加するだけでOK。
add_filter('wp_calculate_image_srcset','__return_false');
add_filter('wp_calculate_image_sizes','__return_false' );ご覧のように画像の解像度が下がって画質が荒くなっていたのが、もとに戻ってきれいになりました。
直った。よ、よかったぁ
WordPress4.4.0
・WordPressバージョン4.4.0（4.4.1？）より、一部スマホで記事内画像の解像度が下がり、画質が荒く表示される
・新たに導入された画像レスポンシブがテーマやプラグインと愛称が悪いために起こる現象と思われる
・functions.phpにコードを2行追記するだけで修正可能
情報が少なく不確かなところが多いのですが、フォーラムではiPhone5やiPad等でも同じ症状が出ているとの報告があったので、iOSデバイスかiOS用safariが相性が悪い可能性が大。
なお、WordPressに導入しているテーマによっても荒くなったりならなかったりするという情報もあり、このバグの発生条件にテーマやプラグインも絡んでいるようです。
ひとまず解決はしたのでこれ以上深追いするつもりはありませんが、コメント等で情報をご提供頂ければ随時更新していきます。
ちなみに今回画像に載せたSD-1の記事はコチラからご覧いただけます。気になる方は是非どうぞ