「WordPressのブログ画像を圧縮して、サイズ容量を減らしたい。画像を軽量化すると記事の読み込みが早くなるみたいだけど、具体的にどうすればいいのか教えて欲しい。」
この記事ではこういった疑問に答えます。
- WordPressでブログ画像を圧縮する方法
- アップロード済みの画像を圧縮する方法
- 全ての画像を圧縮しなくてもいいと思う話
この記事を書く私は、Web関連に従事して９年、アフィリエイト歴は５年です。
結論として、画像圧縮するには、まず「リサイズ」して、その後「画像圧縮ツール」を使って軽量化します。
（読者にとって）読みたい記事にスムーズにアクセスできれば、それだけ読了率を高めますし、SEOにも良い影響があります。
そこでこの記事では、WordPressでブログ画像を圧縮する方法と具体的な手順を解説します。
WordPressでブログ画像を圧縮する方法
繰り返しになりますが、手順は次の通りです。
- 手順１：手動でリサイズする
- 手順２：画像圧縮ツールを使う
この２つの手順を行なった後に、WordPressへアップロードする流れになります。
具体的な手順を、それぞれ解説します。
手順１：手動でリサイズする
ブログメディアに適したサイズにリサイズするだけで、容量は半分以下になります。
素材サイトからダウンロードする画像は、たいていWebメディアに使う用途としては大きすぎるので、必ずリサイズするようにしましょう。
私はMacbookを使っているので、以下の手順はMacユーザー用ですが、Windowsユーザーでもリサイズの手順に大差はないです。
リサイズの手順
WordPressにアップロードするには大きすぎるサイズと容量です。
リサイズだけで2.4MBから98KBに容量が減ることがわかります。
リサイズする横幅の目安サイズは1200〜1000前後をおすすめします。
縦幅は横幅に合わせて800〜600前後です。
付け加えると、統一感を持たせるためにも、画像サイズのルールを作っておくと良いかと思います。
当サイトでは、画像は「980×610px」をルールとして決めています。
理由は色々ありますが、「アイキャッチ画像の黄金比（執筆中です）」で、詳しく解説しています。
ちょっと補足
自動でリサイズしてくれるツールを使ってリサイズすることもできますが、結局、縦幅は手動でリサイズすることになるので、利用する必要はないと思います。
前提として、素材サイトからダウンロードする画像は、画像によって縦幅と横幅はバラバラです。
そのため、自動リサイズツールを使うと横幅は合わせられますが、縦幅はバラバラになるので、どちらにしろ手動で調整する必要があるのです。
ナオ
手順２：画像圧縮ツールを使う
リサイズしたら、次は画像圧縮ツールでさらに容量を減らします。
画像圧縮ツールの定番は「TinyPNG（タイニーピング）」です。
おそらく知らない人はいないんじゃないかぐらい、有名なツールです。
「TinyPNG」の使い方
基本は無料で利用できますが、年間約3,000円のプロ版もあります。
無料版だとしても、月に圧縮できる枚数に制限があるわけではないので、無料版で十分だと思います。
TinyPNGが面倒くさいと感じたら…
TinyPNGが面倒くさいだと感じたら…「JPEGmini」というMacOSアプリをおすすめします。
私自身、TinyPNGを使っていたこともありますが、面倒だったので今ではJPEGminiを使っています。
圧縮できる拡張子はJPG・JPEGのみですが、圧縮までにかかる時間はかなり省くことができます。
「JPEGmini」の使い方
TinyPNGと違い、ドラッグ&ドロップした画像がそのまま圧縮されるので、別データとして再度ダウンロードする必要はないです。
なお、JPEGminiは３種類あります。
| JPEGmini Lite | 無料 | 枚数制限あり |
|---|---|---|
| JPEGmini | 3,540円 | 枚数制限なし |
| JPEGmini Pro | 11,000円 | 連携機能あり |
JPEGmini Liteは無料ですが、圧縮できる合計数に制限があるので、使い続けるとなるといずれJPEGminiを購入する必要があります。
JPEGmini Proに関しては、「Photoshop」や「Lightroom」への連携機能が搭載されていますが、ブログ運営用途としては不要です。
ナオ
アップロード済みの画像を圧縮する方法
すでにアップロード済みで画像が数百枚あった場合、それらの画像をリサイズ＋圧縮して、再アップロードすることは、めっちゃしんどいし現実的ではないですよね。
そんな時は、プラグインを利用して画像圧縮する方法があります。
- Imsanity
- EWWW Image Optimizer
- Compress JPEG & PNG images
画像圧縮系のプラグインは、利用しているテーマによって不具合が起こりやすい、ということです。
まず利用する前に、「テーマ名 プラグイン名 不具合」などで検索して確認してみるといいと思います。
ナオ
全ての画像を圧縮しなくてもいいと思う話
執筆する記事内容（特に使い方系の手順記事）によっては、多くの画像を扱うので、圧縮ツールを使うにしてもかなり面倒くさいです。
そのため、サイズ容量の目安を決めておいて、その目安を上回るようなら圧縮する感じでもいいと思います。
参考までに、当サイト（ナオウェブ）では、運営方針として以下の目安を決めています。
- 容量は画像１枚100KB以下
- 例え容量が大きくても180KB以内には抑えたい（願望です。）
私自身、アイキャッチや見出し毎の画像は必ず圧縮していますが、手順のスクショ画像は小さくリサイズすれば１枚30KB〜60KBとかになるので、圧縮しない時の方が多いです。
MB（メガバイト）になるような画像を複数枚挿入しない限りは、表示速度に悪い影響はないので、画像を軽量化するにあたって、神経質になりすぎないようにしましょう。
というわけで以上です。
