2017/09/17ちょっと前にWordPressでのブログ、サイトを書いていたことはあったのですが、レスポンシブルなんて無かった時代だったので、画像はデザイン的な大きさだけ気にしてPC表示しかなかったし、作っては貼るだけでした。久しぶりにWordPressを触ってみて違和感を感じたのは「画像がぼける」という現象です。見やすいように画像制作してみても元の画像よりすぐ見てわかる程度に画像がぼやけてしまいます。細かい線とか意味ある部分が確認できずに画像添付の意味が無い場合もありました。そこで原因と対策を調べてみました。画像がぼやける原因を探るWordPressにデフォルトのままの設定で記事を投稿していったら、どうも画像が不鮮明に少しぼやけてしまいます。Writerで投稿した記事をローカルに表示させて画像をsharpにして再度投稿できますが、当初の画像とはどうしても違う感じになってしまいます。シェードをかける設定になっているんだろうか?と思いましたが、そうでも無さそうな気がします。我慢しようかと思いましたが、やはり細かな部分の説明の際に細いラインが途切れ途切れになったり不便です。WriterかWordPressか、どっちの設定でこうなるんでしょうか?って悩みましたが、調べた結果、WordPressに原因があるようです。WordPressでは画像を数種類自動作成するデフォルトではWordPressに画像をアップロードすると、レスポンシブに対応しているせいなのか別に数種類違った大きさの画像を作るようです。その参照先が小さい方になってしまっているようです。引き延ばして表示されていることになるので画像がぼけてしまったというわけです。よって切り替えてくれるレスポンシブル対応WordPressも、その画像の必要な鮮明度については把握できなくて問題がある場合もあるようです。自動で画像サイズの違ういくつかの種類を作ってくれて、表示サイズによって自動で選択してくれて便利ですけど、その選択を間違うと引き延ばして(あるいは縮めて)ボケるということですか。Writerなどで画像投稿時に指定する例えば↑の画像が700ピクセルの画像ですけどアップロード時に「Original」として700ピクセルでアップロードしています。この画像投稿時にSmall、Medium、Large、Originalなのか指定できることと、テーマの表示横幅と元のOriginal画像の横幅がキーみたいです。テーマの記事部分の横幅を把握して画像はそのサイズにできるだけ調節する見やすさも考慮して画像の大きさを横幅の大きさ近くに一定させると、それほどボケません。いろんな大きさの画像をアップロードしていってぼやけない大きさを把握したら、その大きさに統一するのもいいかもしれません。テーマによって横幅は違ってどこが最適なサイズかは個々で違うでしょう。ccで読み込んで計測できます。私のテーマの横幅はおおよそ740pixです。Writerでアップロードすると比較的ぼやけは小さくなります。Large、Originalとどちらが良いのか明確な答えはわかりませんが、PC横幅最大値に合わせたOriginal画像を「Original」として指定して投稿することかな?と今は判断しています。オリジナル画像を表示指定する私の環境では、わりとマシな画像にする方法として「オリジナル」として画像をアップロードすることです。PC横幅の最大値近い数値の画像を制作してアップするとこちらを表示してくれる感じです。スマホで見ても画像縮小してそれほど不鮮明にはなっていません。記事をアップロードしたらそこの画像表示を確認する、ぼけていたら指定を変えるこれはあたり前ですけどね。テーマを変えたりカスタマイズして幅を変更したら要注意です。テーマによって、あるいはカスタマイズしたときにはその表示幅によってどの画像を選んでいるのかで変わってくるようです。できるだけ最適な幅の画像をアップロードしたほうが良いでしょう。小さいアイコンのような画像については引き延ばされることなくそこまでぼけた画像になることはあまり無いようです。WordPressテーマのCSSカスタマイズまでは行っていないし、横幅を変更した画像をアップしてみて研究調査とかまでは行っていないのですが、形が整ってきたら調べてみたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。free".一番上へスクロールします。