ブログ画像の圧縮方法【全自動なのに高画質】

ブログ画像は、圧縮しないでアップロードするとサイトスピードが遅くなります。画像の容量が大きいと読み込みに時間がかかるからですね。

とはいえ、1枚1枚画像を圧縮して記事にアップしていくのはものすごく時間がかかります。なにより、工数が増えて非常にめんどくさい！もっとサクサクやりたい！

そこで今回は、ブログ画像の圧縮を全自動で行う、かつ高画質を保つ方法を解説します。

記事の投稿に集中できるので、ブログ作成のスピードが上がりますよ。

画像の圧縮方法をすぐに知りたい方

ブログ画像を圧縮するのは3つの理由があります。

スマホで撮影した写真やフリー素材で取得した、元の画像はサイズが大きいです。

実は、Googleでは以下のように説明しています。

画像の幅は 1,200 ピクセル以上にする必要があります。

Google検索：構造化データ『Article』

こちらはAMPページ(※)に関する記述ですが、Googleは『幅1200px』を推奨しています。

スマホで撮影した写真や、フリー素材として提供されている画像は、サイズがかなり大きめになっていることがほとんど。下手をすると推奨サイズの3～5倍のサイズなんて画像もあるので注意が必要です。

※AMP(Accelerated Mobile Pages：通称『アンプ』)とは、モバイル端末でページを高速表示させるための仕組みのこと

画像の容量はサイトスピードに影響します。容量が重たいとページの読み込みに時間がかかるため、そのぶんページを表示するのに時間がかかるためですね。

ブログで使用する画像枚数にもよりますが、基本的に1画像50～100KB以内に収めたいところ。

サイトスピードに関して、Googleも以下のように述べています。

モバイルサイトの訪問者の53％が、読み込みに3秒以上かかるページを離れています。

Think with Google

3秒以内にページが表示されないと、半数以上のユーザーが記事を読まずに離脱。「3秒って早すぎない!?」と思うかもしれませんが、調べたいものがあるときの体感速度は3秒以上に感じます。

離脱率が高いとSEO評価も下がってしまうため、サイトスピードを速くするために画像は50～100KB以下まで圧縮する必要があります。

画像の拡張子は、主に5種類があります。

これらのなかで、ブログ画像に使用するのは『JPG/JPEG』と『PNG』のみ。

どちらが良い、悪いというわけではなく、使用する画像の種類で判断しましょう。

ブログ画像は基本的にPNGにしておけば問題ありません。

ただし、画像サイズによって上記のとおりにならない場合も。『〇〇はPNG』『××はJPG/JPEG』などブログ内で扱う画像のルールを決めておくと良いです。

ブログ画像を圧縮する方法は、主に2つあります。

プラウザ上で画像圧縮を行う場合は『i Love IMG』や『Tiny PNG』が有名ですね。

どちらも多くのブロガーが使用するツールですが、すべて手動で行わなければならない上に、圧縮が強いため画質は粗くなりがち。あまりおすすめはできません。

全自動でブログ画像を圧縮できるのは、この『画像最適化プラグインを使用する』方法です。

画像最適化プラグインは数多くありますが、例えば以下の5つ。

EWWW Image OptimizeやAutoptimizeは多くのブロガーがおすすめしているので、検索すると目にすることも多いと思います。が、僕はおすすめできません。

なぜなら、圧縮後の画質が粗いうえにプラグインそのものが重い。利用者や紹介者が多いのは、日本語対応しているということだけではないでしょうかね。

僕のおすすめは、Shortpixel Image Optimizer、Shortpixel Adaptive Image、Imagifyの3つ。

Shortpixel Image Optimizerは、過去画像も含めてブログ内の画像を自動で圧縮してくれ、オンザフライで最適化されます。

画像圧縮がLossy・Glossy・Losslessの3種類から選べるうえ、WebP配信で元画像の1/4～1/5の画像容量にも関わらず、圧縮前後で画質がほとんど変わりません。

一定枚数を越えると有料となりますが、月150枚ほどであれば無料で利用できるため、個人サイトであればまず無料で問題ないでしょう。

ShortPixel Adaptive Imagesは、Shortpixel Image Optimizerをさらに進化させたプラグイン。なんとCDNによるWebP配信を行います。

CDN(Content Delivery Network)は、オリジンサーバー(ブログでいえばXserverやConoHaなどのレンタルサーバー)の負荷を減らすキャッシュサーバーを利用するネットワークのこと。

通常の画像圧縮とは異なり、データサーバーを介さずCDNキャッシュを利用するため読み込み時間が圧倒的に速くなります。新規アップロード画像にしか対応できませんが、他のプラグインとは一線を画す性能があります。

Imagifyは、画像最適化プラグインでもっともおすすめです。画像圧縮前後の画像で、画質の変化がほぼわかりません。それでいて圧縮率はNormalでも前述したEWWW Image Optimizerを凌ぎます。

メディアにアップロードした画像はもちろん、テーマやプラグインのデータ画像も圧縮可能。容量を超えると有料ですが、およそ月200枚ほどまでは無料で使用できます。

事前の画像処理が必要なく、全自動でとことん圧縮・高画質！サイトスピード高速化！

コード最適化プラグインのWP Rocketと互換性があり、組み合わせるとSEO評価・UXとも爆上がりの超高速サイトスピードを実現することができますよ。

ブログ画像の圧縮はサイトスピードに大きく関わります。

とはいえ、画像を1枚1枚処理していては時間がかかる上に、とにかくめんどくさい。そのため、全自動で画像を圧縮かつ高画質を保っていくれる画像最適化プラグインの使用がおすすめ。

これらのプラグインを用いれば、めんどくさいブログ画像圧縮の手間が省けるうえにSEO評価・UXも向上します。ぜひ利用して、ブログの効率化と評価されやすいブログ作りをしましょう。