ブログPV・アクセス

Force Regenerate Thumbnailsで高画質サムネイル画像を作り直す方法

更新日:

WordPressにメディアを入れると実は思っている以上にその画像のコピーが作られている。今回はそのコピーを一旦すべて削除してから再作成する方法を解説する。

本日もガジェマガ(@Gadgetkaeru)をご覧いただきありがとうございます。




目的

画質を良くするため

ワードプレスがリサイズした画像にはワードプレス標準の圧縮率90%が適用されている。ガジェマガではサムネイルの画質が微妙に劣化しているのが気になっていたんだけど原因はこれだった。別の記事でワードプレスがリサイズした画像の品質を100%(無圧縮)に設定したので、今回は既に作成してしまった画質90%のサムネイル画像を全て削除して、画質100%で作り直す。ワードプレスの画像品質を設定する方法は別で記事にしているので確認して欲しい。

解説
WordPressの画像圧縮率を変更してサムネイルを高画質にする方法

ブログって文章と画像で構成されているから、他のブログと差を付ける方法はそれほど多くない。だから画像が重要になる。 本日もガジェマガ(@Gadgetkaeru)をご覧いただきありがとうございます。 他ブ ...

続きを見る

サーバーを圧迫している画像の量を減らすため

もう1つの目的はサーバーを圧迫している画像を減らすためだ。

これを見て欲しい。今のガジェマガサーバーの画像の状態はひどいもんだ。サイズが違う同じ画像のコピーを6つも作成している。

普通に使っている分には同じ画像のコピーがいくらあっても不便はないけど、いざサーバーの移転とかバックアップとか考えた時に、データが重すぎて時間がかかるし扱いにくい。使わない画像をいくつもいくつも作成するのは無駄だ。この無駄なコピーを一旦全て削除して、必要なサイズのコピー画像だけを作成することで負担を減らしたい。

 

リサイズする画像の種類を確認

まずは実際に自分のワードプレスがどれだけの画像のコピーを作成しているのかを確認する。確認方法として、Regenerate Thumbnailsを使う。これは既存の画像を削除せずにサムネイルを再作成してくれる便利プラグインだ。ただ、今回は一回全て削除してしまいたいので、このプラグインはリサイズされる画像の種類を確認するためだけに使う。プラグインをインストールして有効化すると、ツールにRegenerate Thumbnails項目が追加されるので選択する。

赤枠で囲ったところが現在作成が設定されている画像のサイズだ。

デフォルトでコピーを9つも作っていることがわかった。あほか。いらないサイズの設定を0にすることで作成をやめさせる。

まずは設定のメディアでいらないサイズを0にする。

次にst_thumbはワードプレスのテーマが作成しているサイズなので、テーマのfunctions.phpを編集する。該当項目を見つけて、いらないものを0に変更する。

次にWordpress4.4から新たに追加されたmedium_largeサイズについては、オプションに設定項目が無いので下記の記述をfunctions.phpに追記して削除する。

 

サムネイルの画質にこだわるために

最後に、サムネイルの画質にこだわるために、ガジェマガで現在サムネイルとして指定されている画像の比率とサイズを変更する。今のガジェマガのサムネイルの画像スペースは横幅340pxほどで、そこに400×300の画像が使われているけど、これだとぱっと見が荒い。だから600×450を指定する。更に、4対3はサムネイルスペースに合ってないので、600×338を指定して16対9の比率に変更する。

具体的にはfunctions.phpのコードを下記に変更した。

サムネイルサイズが400だからといって400pxまで縮小した画像を使うと画像は荒くなる。元画像を400pxまで縮小することですでに大幅に劣化してしまっているからだ。

スマホで見てもらうとわかるけど、下の二枚の画像はスマホで表示されている大きさ自体は同じだけど、一方が横640px、もう一方が横430pxの画像だ。違いは一目瞭然だった。

スマホの画面サイズの横幅は400pxも無いのが一般的なのにこれほどまでに違う。だから例えサムネイルの表示スペースが400pxだったとしても、少し大きめの画像を使ったほうがいい。

こうして出来上がった設定がこちら

フルサイズとサムネイル用の600×338のみだ。次に再作成の作業に移る。

Sponcerd


Force Regenerate Thumbnailsで再作成

ワードプレスが作成するサムネイルのサイズの設定が完了したら、いよいよすべてを削除して再作成する。ここでForce Regenerate Thumbnailsプラグインを利用する。このプラグインは上で紹介したRegenerate Thumbnailsと似ているけど、Regenerate Thumbnailsが既存の画像を残しながら再度作成するのに対して、Force Regenerate Thumbnailsは一旦コピー画像をすべて削除してから、再度コピー画像を作り直す。

今回はForce Regenerate Thumbnailsでいらないサイズの画像を削除しつつ、画質100%のサムネイル画像を再作成する。画像を一旦消すことになるので念の為画像のバックアップを取っておこう。

Force Regenerate Thumbnailsをインストールして有効化の後に「すべてのサムネイルを再生成する」を選択。

完了したら終わりだ。スマホでの表示を確認してみる。もしキャッシュプラグインを使っている人はこの段階でキャッシュを一旦空にしないと反映されない。

左が画質調整前、右が画質調整後だ。

画質が見違えるようにくっきりしたし、サムネイルのサイズ感が合って収まりが良くなった。

サーバーを見ても画像がオリジナルとサムネイル用サイズの2種類のみになった。

画質にどこまでこだわるかというのは趣味の世界になるけど、少しでも良い画質で公開したいという人におすすめだ。ワードプレスの中で一番重いuploadsフォルダを軽量化出来たから今後ワードプレスのバックアップとかサーバー移転もやりやすくなる。

 

ライフハック まとめ

2018/10/4

【2018年版】生活が変わる!ガジェマガ式買ってよかったモノ18選

いよいよ一人暮らしも5年目に突入しようとしていて、欲しいモノは一通り買ってしまった。これからも物欲は尽きることないだろうし、ガジェットに限らず様々な物を購入することになると思うけど、今後は足りないものを補うというより、今あるものをグレードアップする買い物が主流になると思う。 本日もガジェマガ(@Gadgetkaeru)をご覧いただきありがとうございます。 そんな満たされた生活の中でも、俺基準俺調べの買ってよかった商品を、生活に与えたインパクト順にランキング形式でを紹介したい。正直もっと早く買っておけば良か ...

ReadMore

中国スマホ スマホ・タブレット

2018/10/20

【Poco F1】水冷搭載!最高性能で最安のゲーミングスマホ誕生

Androidスマホを牽引する最高ランクのCPUといえばSnapdragon845であることは周知の事実だと思うけど、とんでもないスマホが最安値を更新したから興奮を伝えたい。 そもそもSnapdragon845搭載スマホと言えばGalaxyS9やXperiaXZ3など、最低でも8万円以上払わないと手に入らない、というのは昔の話で、中国OPPOと中国Xiaomiが熾烈な価格競争を繰り広げたことで、Xiaomi Mi Mix 2Sが46,000円で購入できるところまで来た。 しかし今回はそれを上回る。立役者は ...

ReadMore

お得情報 スマホ・タブレット

2018/8/21

【ZenFone5Zが2万円も安い!】中国版Amazonの「GEAR BEST」が要チェックや!!

GEAR BESTって知ってるだろうか。簡単に言うと中国のAMAZONなんだけど、日本への進出も着々と進めていて、最近では日本倉庫まで作ってしまった通販会社だ。AMAZONも楽天もあるなかで更に通販会社の選択を増やす必要があるのだろうかという疑問を抱く気持ちはよく分かるんだろうけど、GEAR BESTには独自の魅力がある。今日はGEAR BESTが同魅力的なのか、具体的に製品を列挙しながら解説したい。 本日もガジェマガ(@Gadgetkaeru)をご覧いただきありがとうございます。 GEAR BESTの魅 ...

ReadMore

ライフハック まとめ

2018/8/22

【2018年版】一人暮らしを効率化するために買ってよかったおすすめグッズ13選

一人暮らしは時間効率との戦いだ。8時間睡眠をとって、9時間働いて、2時間通勤するだけで19時間だ。信じられないかもしれないけど1日は24時間だから、残りは5時間しかない。この5時間をいかに解放するかが一人暮らしの課題だ。 本日もガジェマガ(@Gadgetkaeru)をご覧いただきありがとうございます。 一人暮らしに家事を分担できる相手はいない。ご飯を作ってくれる人もいなければ看病してくれる人もいない。いや人によってはいるかもしれないけど、大半の世の一人暮らしは恵まれない人間関係の中でたくましく生き抜くこと ...

ReadMore

格安SIM スマホ・タブレット まとめ

2018/10/18

【2018年版】格安SIMとセットで安いスマホのおすすめ15選!

格安スマホの完成度が高くなることで、敢えてキャリアスマホを選ぶ必要が無くなってきている。 次は格安スマホを購入しようと考えている人は多いと思うんだけど、そこで悩むのがどの通信会社と契約するかだ。キャリアに縛られない格安スマホを購入するのであれば月額費用も安く抑えたい。 そんな需要に応えるべく最近は格安SIMと格安スマホのセットがかなりお買い得になっている。回線も安いのに、セットで購入すればスマホも安い。今回は格安SIMとセットで安く購入できるスマホのおすすめランキングを作成した。 本日もガジェマガ(@Ga ...

ReadMore

LINE@で更新情報をお届け

LINE@を友達追加

  • この記事を書いた人
  • 最新記事

ガジェマガ(中の人)さん

奈良出身渋谷区在住の32歳会社員。ヘッダーの鹿は奈良愛の象徴。小学校でポケモンとハイパーヨーヨーにハマり、中学校でマジックザギャザリング、高校でPS2、そして大学でスマホに取り憑かれたオタク。今では立派なスマホ依存症。嫌いなものはパリピと邦画。ふざけた文章書くのが大好きな大人になり切れない大人。更新情報や日々の雑感をツイッターで呟いています。よければ下のツイッターマークからフォローしてください。喜びます。

-ブログPV・アクセス

Copyright© ガジェマガ , 2018 All Rights Reserved Powered by AFFINGER5.