ガジェマガ

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

ブログを書くコツ

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

2018年5月23日

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

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




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

目的

画質を良くするため

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

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

ブログって文章と画像で構成されているから、他のブログと差を付ける方法はそれほど多くない。だから画像が重要になる。 他ブログと差をつける画質 1つ目にコンテンツの充実は当然必要なんだけど、文章を読んでも ...

続きを見る

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

もう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のみだ。次に再作成の作業に移る。

Force Regenerate Thumbnailsで再作成

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

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

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

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

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

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

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

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

 

スマホ レビュー

2020/11/15

【iPhone12レビュー】ライバルは2万円安いiPhone11

毎年秋の風物詩となりつつある最新型のiPhone12が今年も発売された。今回のiPhone12シリーズは4モデルもあってどれを購入するか迷うんだけど、とりあえず俺は最もベーシックで売れるであろうiPhone12を購入したからレビューしたい。 この他にもうすぐ発売となるiPhone12 Pro Maxの購入を迷っているところではあるんだけど、iPhone12とほとんど一緒だからモチベは低め。凄そうなら買う。多分買わない。 iPhone12の特徴 iPhone12の特徴は下記。 最強CPU A14チップ搭載 ...

ReadMore

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

2021/2/17

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

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

ReadMore

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

2020/7/28

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

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

ReadMore

ライフハック 体験談

2020/12/13

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

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

ReadMore

ライフハック

2021/2/19

タワマンに住みたいからメリットデメリットを考える【一人暮らし】

久しぶりに興味があることが見つかって最近テンションが上がってる。タワマンに住みたい。今の8万円の家の立地は最強だし、設備の割に家賃が安くて気に入ってはいるんだけど、さすがに9年住んで色々と限界を感じているのが正直なところ。 そろそろ引っ越したいと思うことが増えてきていたんだけど、どうせなら振れ幅重視でタワマンに住んだら面白いかも。と思ったのがきっかけ。ただ、タワマンなんて人生初だし怖すぎ。ということで俺がタワマンを検討している理由と、タワマンに住むメリットデメリットを検討する。 今の家の不満点 まずはタワ ...

ReadMore

スマホ レビュー

2020/11/10

【Galaxy Note20 Ultraレビュー】浪漫の塊。コスパは最悪。

2年間カメラのために愛用しつづけたMate 20 Proを遂に乗り換える。その候補がOnePlus 8 ProとGalaxy Note20 Ultraなんだ。OnePlus 8 Proは既にレビューをしていて8万円で買える最強スマホと言える仕上がりなんだけど、スマホは乗り換えたら多分1年は使うことになるから、メインスマホ選びは慎重にならざるを得ない。 ということで15万円もする超最強スマホGalaxy Note20 Ultraを入手したからレビューする。 Galaxy Note20 Ultraの特長 Ga ...

ReadMore

AFFINGER5導入

2020/6/4

【ブログで稼ぐ】AFFINGER5導入から1年5か月のPVと収益

ブログで稼ぐならワードプレスを使った方が良い、ワードプレスで稼ぐなら有料テーマを使った方が良いという話は聞いたことがある人も多いと思う。 俺もその話を鵜呑みにしてワードプレスの有料テーマAFFINGER5を購入した口なんだけど、AFFINGER5を導入したことでどれくらい効果があったのかをガジェマガの事例で紹介したい。 ガジェマガ運営の経緯 まずはガジェマガ運営の経緯を紹介する。 2015年10月にFC2でブログ運営開始 2016年5月頃にオススメスマホランキング記事が検索上位に表示される 2016年5月 ...

ReadMore

メンズ美容・健康 ライフハック 体験談

2021/1/6

【体験談】ICLカウンセリングでレーシックに申し込んだ話【視力矯正】

最近レーシックとかICLと言った視力矯正手術を耳にする機会が増えていて、俺もせっかくだから視力を良くしようとICLに申し込んだ結果、レーシックの予約をして家に帰った。何を言っているのかわからないと思うけど俺にもわかっていない。 ということでカウンセリングでなにが起きたのか、なぜICLではなくレーシックを選んだのかを解説する。 視力の悪さは機会損失 俺の視力はギリ裸眼で生活できるレベルで、両目0.7なこともあって車の運転するときもコンタクトとかメガネは使わない。かといって十分な視力というわけではなく、遠くの ...

ReadMore

-ブログを書くコツ

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