ガジェマガ

ガジェットと生活改善のブログマガジン【火木土更新】

ブログを書くコツ

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

2018年5月23日

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

トーマスです。ツイッターYoutubeもやってます。お問い合わせはこちら




この記事の目次(クリックでジャンプ)

目的

画質を良くするため

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

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

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

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

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

 

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

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

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

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

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

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

add_image_size( 'st_thumb100', 0, 0, true );
add_image_size( 'st_thumb150', 0, 0, true );
add_image_size( 'st_thumb300', 0, 0, true );
add_image_size( 'st_thumb400', 0, 0, true );

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

update_option( 'medium_large_size_w', 0 );

 

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

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

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

add_image_size( 'st_thumb_card', 600, 338, true );

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

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

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

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

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

Force Regenerate Thumbnailsで再作成

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

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

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

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

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

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

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

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

 

スマホ レビュー

2022/11/5

【Pixel 7 Proレビュー】最も理想的なAndroidスマホ

いつの間にかPixelシリーズの年一回の発売が恒例になり、Tensor搭載後はブランド力も獲得し、独自機能も増え、毎年のPixel発売が話題になるようになった。 そして今年も俺の手元には最新となるPixel 7 Proがある。ということで今年も今年のPixelはどうなのかをレビューする。 【結論】Pixel 7 Proはバージョンアップ版 先に結論から言ってしまうとPixel 7 ProはPixel 6 Proのバージョンアップ版に過ぎず、ほぼ変化がない。実際に使用感に影響する進化点は下記の2点のみ。 超 ...

ライフハック 買ってよかったもの

2022/11/27

【2022年版】生活が変わるガジェマガ式買ってよかったもの17選

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

ライフハック 買ってよかったもの

2021/10/8

【そもそも鞄いる?】ガジェマガの中の人のポケットとカバンの中身

多くの有名ブロガーがカバンの中身を記事にしているのにガジェマガではまだ一度も鞄の中身について書いたことがなかった。ブロガーになりたいのであれば、他のブロガーが書いている記事はしっかりと抑えておきたいということで、今回はガジェマガなりのカバンの中身と、ポケットの中身を紹介したい。 鞄はオカマの象徴 in USA 俺は中学生高校生の頃はリュックサックを使っていたし、社会人になってからはボディバッグを休日の荷物入れとして使っていた。社会人になり立ての頃にアメリカに留学していた妹と再会する機会があって、アメリカの ...

ライフハック 体験談

2021/6/18

【狭い家のメリットデメリット】6畳1Kに8年住んだ感想【一人暮らし

田舎の人が都会に引っ越す際に危惧するのは部屋の狭さなんだけどそれは間違ってない。都会は家賃が高いから広い部屋に住めない。 でもそれは悪いことばかりではない。寧ろ狭い部屋は快適だな。と渋谷区6畳1Kの家に8年住んで思う。ということで今回は俺が感じた狭い部屋に住むメリットデメリットを解説する。 狭い部屋の家賃だけじゃないメリット 狭い部屋は家賃が安い。これが最大のメリットなのは間違いない。 東京都の平均家賃相場は22万円 実際俺が住む東京都渋谷区は日本でもトップクラスに家賃が高いエリアで、2LDKとかを選んだ ...

ライフハック

2022/11/9

【デメリット】タワマンを実際に内見して断念した理由【庶民の憧れ】

タワマンに住みたい。という記事を以前出して、その後もタワマンを内見したり色々と検討したりしていたんだけど一旦断念することにした。 ということで断念するまでに悩んだ葛藤を記事にする。現在タワマンを検討している人は参考になれば嬉しい。 タワマンは庶民の憧れ 「いやいやタワマンなんて住んだところで」って意見はすげぇ来るんだけど、なんだかんだタワマンの記事はアクセスが超多くて注目度が高い。 タワマンを検討した記事は下記。 というのもタワマンは結局庶民の憧れなんだ。でも家賃が高すぎて住めない。だから住まない理由を探 ...

メンズ美容・健康 体験談

2022/11/4

【高すぎ】ゴリラクリニックのヒゲ脱毛で30万円提示された話【評判・口コミ】

髭いらねーって思って髭の永久脱毛に手を出そうとしたんだけど、ゴリラ脱毛のカウンセリング価格が想像以上に高くて、ネットでの値段の記載方法が悪質だと感じたので今日はその件を書きたい。 毎日髭剃るのめんどくさい みんなもそうだと思うけど、朝起きて仕事行くまでの時間は戦争だ。なぜなら俺はなるべく寝ていたい!むしろ起きたくない!でも社会人なので流石に会社に遅刻するわけにもいかず、毎日生きるためにゾンビ顔負けの死んだ表情で通勤しているのが実情だ。 そんな社会人にとって朝の時間は貴重だ。歯を磨いて顔を洗って髭そって朝ご ...

DIY ライフハック

2022/10/4

【ベッド拡張DIY】シングルベッドを横に30cm広げる【ダブル】

一人暮らしだからと言ってシングルベッドに拘る必要があるだろうか、いやない(反語)。ということに一人暮らし10年目にして気づいたからベッドを拡張することにした。 いつの間にか6畳1Kの限界に挑むのが俺の生きがいになりつつあるんだけど今回は多分その集大成にして頂点。色々取り組んできた部屋改善は多分これで終わりになる。 ということで実際にベッドをどう拡張したのか、6畳でベッドを大きくして快適になったのか、生活に支障は出ないのかを解説したい。 6畳1Kの限界に挑む 繰り返しになるけど俺は10年間6畳1Kの激狭物件 ...

ライフハック 俺の一軍

2022/11/12

【ルームツアー】家で使ってる物一覧と選んだ理由、感想【俺の一軍】

ガジェマガでは過去に色々な商品をレビューしすぎていて、 「で、結局今のお前は何を使ってるの?」 って聞かれることが多いから、ここでは俺の家で今現在使っている物と、それを使っている理由、感想を一言でまとめる。住環境構築の参考にしてほしい。 この記事では何か環境が変わるたびに内容を随時更新して俺の1軍をまとめる続ける予定(最終更新2022年11月10日) 家で使っている物一覧 まず俺が家の中で使っている物を一覧にすると下記。 クリックで感想にジャンプ リビング環境 壁美人 テレビ ChromeCast Fir ...

デスク環境 パソコン・周辺機器 俺の一軍

2022/11/17

【デスクツアー】デスクアイテム一覧と使ってる理由、感想【俺の一軍】

ガジェマガでは過去に色々な商品をレビューしすぎていて、 「で、結局今のお前は何を使ってるの?」 って聞かれることが多いから、ここではデスク環境周辺で俺が今現在使っている物と、それを使っている理由、感想を一言でまとめる。デスク環境構築の参考にしてほしい。 この記事では「俺の一軍シリーズ」として環境が変わるたびに内容を随時更新する続ける予定(最終更新2022年10月13日) デスク環境周辺で使っている物一覧 まず俺がデスク環境周辺で使っている物を一覧にすると下記。 クリックで感想にジャンプ デスク・椅子 Fl ...

スマホ レビュー

2021/12/14

【iPhone 13 Proレビュー】スマホ史上最高傑作。弱点4つ

毎年恒例のiPhone13シリーズが発売されたから俺も例に漏れずに購入した。別の記事でも解説した通り今回のiPhoneはProモデルが熱い。 ということでPro Maxを買いたかったんだけど出荷数が少なすぎるらしく手に入らなかったから大きさ以外の仕様が同じProを購入した。13になることでどれほど進化しているのかを確認したい。 iPhone 13 Proの特徴 今回のiPhone 13はProモデルが熱いというのは上でも書いた通りだけど、Proモデルは進化点が多い。特徴は下記。 リフレッシュレート120H ...

体験談 自転車・バイク

2022/10/30

【体験談】バイク王の買取でボコボコにされた話【評判・口コミ】

19歳の時にホーネット250を購入して27歳までで6万キロ乗ったんだけど、俺が東京に来たことですっかり乗らなくなってしまった。 28歳で一度帰省した時にエンジンをかけたことはあったんだけど、それ以降はめっきりで、既に放置して4年が経過していた。 このホーネットは思い出だらけではあるんだけど恐らくもう乗ることは無い。ということでバイク王を呼んで売却することにしたんだけど、その買い取り査定士の癖が強すぎたから交渉体験をまとめたい。 これからバイク王でバイクを売る人の参考にしてほしい。 ホーネット250の状態は ...

DIY ライフハック

2021/10/1

【壁掛けテレビの理想と現実】壁美人を3か月使った感想【賃貸】

賃貸でもテレビを壁掛け出来るのに原状復帰までできてしまう壁美人を導入してから早3カ月。まだテレビは一度も落ちていない。 とはいえ720個ものホチキスで取り付けるのってどうなの?とか、テレビを壁掛けにした不便はないの?と買いたいけど二の足を踏んでいる人は多いはず。 という仮定の下で壁美人を実際に3か月使った感想を書いていく。記事の内容的に楽だからという理由ではけっしてない。 壁美人はホチキスで壁に取り付け 壁美人の紹介記事でも書いた通りだけど、壁美人は720発ものホチキスで壁に取り付けることで25キロまでの ...

-ブログを書くコツ

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