
WordPressのインデックスページで、サムネイルがぼやけたり、荒かったりすることはないでしょうか?
画質が悪い状態だと読者の興味を惹くことができず、記事を読んでもらえないかもしれません。
先日当ブログのサムネイルが少しぼやけた状態になっており、いくつか改善方法を試してみました。
「Regenerate Thumbnails」というプラグインが一番簡単だったので、今回はこちらの使い方をご紹介します。
サムネイルの画質を改善したい方は、ぜひ参考にしてみてください。
- サムネイルの画質を上げたい
- サムネイルの画質を上げた状態で記事を投稿したい
- 全記事のサムネイルを一括で修正したい
WordPressのサムネイルがぼやけてしまう原因

サムネイルがぼやけてしまう原因は、cssで指定しているサイズと、使用している画像のサイズが合っていないからです。
当ブログのサムネイルは278×156で表示していますが、サムネイルの画像がそれより小さいと、画像が引き伸ばされて表示されます。
ちなみにWordPressで生成されるサムネイルはデフォルトで150×150です。

cssのサイズよりここで設定したサイズが小さいと、画質が悪くなってしまいます。
WordPressのサムネイルを鮮明にする方法
単純にサムネイルの画像サイズを変更して、サムネイルを再生成し、1記事ずつ修正していけば改善できます。
ただ記事数が多いと、これを手動でやっていくのは非常に大変です。
この処理を一括でやってくれるのが「Regenerate Thumbnails」というプラグインです。
Regenerate Thumbnailsのインストール
まずRegenerate Thumbnailsをインストールします。
WordPressのダッシュボードからプラグイン→新規追加をクリックします。

キーワード検索で「Regenerate Thumbnails」と検索します。

プラグインが表示されるので、今すぐインストールをクリックして有効化します。

これで「Regenerate Thumbnails」のインストールは完了です。
サムネイルの画像サイズを変更する
Regenerate Thumbnailsはサムネイルを再生成して、既存のサムネイルと置き換えるプラグインです。
ですので、プラグインを使用する前に再生成するサムネイルのサイズを変更しておきます。
まず設定からメディアをクリックします。

幅・高さの値を変えて、サムネイルのサイズを変更します。

サムネイルのサイズは、使用しているテーマやスキンによって異なります。
インデックスページで表示されているサムネイルのサイズを調べて、それと同じか少し大きめのサイズにしておくと綺麗に表示できます。
Regenerate Thumbnailsでサムネイルを再生成
ツールからRegenerate Thumbnailsをクリックして、設定画面に移動します。

設定項目と再生成ボタンが表示されます。

設定できる項目
すでに正しいサイズで存在するサムネイルの再生成をしない (高速)。
書いてある通りですが、既に存在するサムネイルのサイズがあった場合、再生成が行われません。
余計な再生成を行わないことで処理が速くなります。
特別な理由がない限りチェックがおすすめです。
サーバー容量の解放のため、現在登録されていないサイズのサムネイルを削除します。これは投稿や固定ページの画像のリンク切れの原因になる事があります。
使われていないサムネイルを削除できる機能です。
無駄なサムネイルを削除することで、容量を増やせます。
ただ注意書きにあるように、画像がリンク切れになってしまう可能性も0ではありません。
特に容量が圧迫されているとかでなければ、チェックしない方が無難です。
サムネイルの再生成
添付ファイルすべてからサムネイルを再生成
メディアにある画像ファイルすべてからサムネイルを再生成します。
アイキャッチ画像からのみサムネイルを再生成
アイキャッチに設定している画像のみ、サムネイルを再生成します。
全てのメディアからサムネイルを再生成する必要がなければ、通常はこちらを使用します。
設定項目にチェックを入れて、「サムネイルを再生成」をクリックすれば自動的に処理が始まります。

処理が完了するとこのように表示されます。

インデックスページを確認して、画質が修正されているかどうか確認してみてください。
当ブログはこれで改善できました。
・修正前

・修正後

Regenerate Thumbnailsでサムネイルの画質を上げる方法まとめ
今回は「Regenerate Thumbnails」でサムネイルの画質を上げる方法について、解説しました。
- サムネイルがぼやける原因
- Regenerate Thumbnailsの機能
- Regenerate Thumbnailsの使い方
Regenerate Thumbnailsを使えば指定したサムネイルのサイズに置き換えることができます。
テーマやスキンを変更するとサムネイルのサイズが合わなくなることもあるので、そういったシーンでも役に立つプラグインです。
サムネイルの画質が悪いなと感じたら、ぜひRegenerate Thumbnailsを試してみてください。
コメント