【簡単1分】WordPressでアイキャッチ画像がぼやける時の解決法

あれ？アイキャッチがぼやけてる！

当ブログも色々いじっていたら、アイキャッチ画像（サムネイル）がぼやける事象が発生した。

とはいえ、意外と簡単に修正できたので、やり方を紹介していきます。

高度な技術はいらずWordPressの画面内で「簡単1分」で終わるので、お試しください。

[imgad]

WordPressでアイキャッチ画像がぼやける時の解決法

ぼやける原因として、アイキャッチ画像のサイズが合ってないことがあげられます。

実際に当ブログは下記のようになってました↓
<修正前>

<修正後>

若干ですが、３つ中２つがぼやけてました。
一番右側とその他は画像を作る上でサイズを合わせてなかったのも原因の１つです。

ですが、作り直すのもめんどくさいなと思ったところ簡単にできる方法がありましたので、お試しください。

最初にWordPressの画面（ダッシュボード）を開かないとできないので、開いておきましょう。

ダッシュボードの開き方がわからないは下記の手順を行ってください。

前準備：ダッシュボードを開く方法

URLを書くところに「https://あなたのサイト名.〇〇/wp-admin」と入力してください。
※http[s]ではない方は、httpに変更してください。

まず、WordPressのダッシュボードを開きます。

[設定]→[メディア]でサムネイルの設定を行います。

サムネイル画像：150×150になってるので、ここを調整します。

今回は、300×300にして、解決しました。

おそらくサムネイル画像サイズは小さく設定されてるのに実際の表示が大きくなっていたことが原因でした。

小さいものを引き伸ばして表示してたのでそれは画質が悪くなりますよね。

ということで以上です！

サイトによっては若干サイズ感が違う可能性があるので、色々なサイズで合わせてみてください！

ちなみに、極端に大きくするのはNGですが、300前後を目安としていじってみてください。

考えられる理由としては以下です。

サムネイル画像が小さく設定されている

それにより、引き伸ばした状態で表示されている

つまり、引き伸ばさないようにあらかじめ大きくしておくということです。

1000×1000のように大きくしたからいいというものではないので必要最小限で納めてください。

アイキャッチ関連

あわせて読みたい記事