Googleのテストマイサイトでスピードを測ったけど、スピードが遅い。
フリー画像をブログのアイキャッチや挿入画像として使っているけど、画像を軽くするような措置はしていない。
きれいな画像を使いたいんだけど、どうしても重くなってしまいどうしたら？
ブログをやっているとこんな疑問ありますよね。
・ブログの画像サイズは100KBは重い！
いきなり結論を述べましたが、ブログの画像サイズで100KBは重いと思います。もっとサイズが小さくても画像をキレイに表示させることができます。ちなみにこの記事のアイキャッチ画像はオシャレかどうかは別として、画像サイズは17KBです。
そこで、キレイさを保ちつつ画像サイズを小さくする方法を紹介したいと思います。誰でも簡単にできる方法で、ブログの表示スピードも改善されます。
この記事で伝えたいこと
- WordPressブログの画像自体を軽くする方法【図解】
- WordPressブログのプラグインを使って画像を軽くする方法
- オススメのフリー画像サイトの紹介
WordPressブログの画像自体を軽くする方法【図解】
ワードプレスのブログ画像で、画像自体が重いとプラグインなどあらゆる手法を使ったとしても軽くするには限度があります。50%画像サイズを小さくできるプラグインがあったとすると、100KBの画像は50KBになりますが、1MBの画像は500KBにしかなりませんよね。
そのため、重い画像をアップされている方は、「軽い画像を選ぶまたは作ること」と「画像自体を軽くすること」をやるべきです。
※軽い画像のおすすめサイトは後述します。
ここでは、画像自体を軽くする（圧縮する）方法を紹介します。
・TinyPNGを使いましょう。
TinyPNGの使い方
TinyPNGの使い方は超簡単です。たった3つのステップで済むので初めての方でも安心して使えます。
- TinyPNGのサイトを開く
- 画像をドラッグ
- 軽くなった画像をダウンロードして保存
画像が保存してあるフォルダを開いて、軽くしたい画像をドラッグするだけです。ドラッグするだけで勝手に30%～70%くらい圧縮してくれ、画質もそんなに劣化しません。
あとはダウンロードをクリックして、画像を保存するだけなので超簡単なんです。これで簡単に画像を軽くすることができます。
この画像では、172KBから58KBへと約66%軽くなりました。1つの画像だけでもこれだけの効果があるので、ブログを続けていくにあたっては必ず利用すべきですね。
ブログのスピードはGoogleの評価にも影響しますし、読者の直帰率にも影響します。そのため、ひと手間増えますがなるべく画像を軽くして、ブログの表示速度を高める工夫をしましょう。
WordPressブログのプラグインを使って画像を軽くする方法
画像を圧縮してくれるプラグインにはいろいろな種類がありますが、ブログ初心者でも安心できる最も手軽なプラグインがこちらです。
・EWWW Image Optimizer
超簡単、ワンクリックだけですべての画像を圧縮してくれるプラグインです。さらに、今後アップロードされる画像も自動的に圧縮してくれちゃいます。
画像圧縮プラグインEWWW Image Optimizerの設定方法と使い方
EWWW Image Optimizerの設定方法と使い方は簡単です。図解しますので、この通りに進めてもらえればOKです。
- プラグインをインストール→有効化
- 基本設定
- 一括最適化
プラグインをインストール→有効化
WordPressのダッシュボードから「プラグイン」→「新規追加」をクリック。プラグインの検索窓に「EWWW Image Optimizer」と入力してインストール後に有効化します。
基本設定
インストール済プラグインから「EWWW Image Optimizer」の「設定」をクリックします。設定項目（タブ）は2箇所だけです。
まずBasic設定をします。画像のようにチェックを入れ、3箇所を無圧縮からロスレス圧縮に変更します。その後、「変更を保存」をクリックして設定完了です。
次に、Convert設定です。画像のように「コンバージョンリンクを非表示」にチェックを入れ、「変更を保存」をクリックして設定完了です。
その他の設定タブに関してはデフォルトのままで結構ですので、何もいじらなくて大丈夫です。初期設定はたったこれだけです。
この設定をしておけば、今後アップロードされる画像は自動的に圧縮されます。
一括最適化
しかし、これまでアップロードした画像はまだ圧縮されていませんので、圧縮してあげる処理が必要になります。
WordPressのダッシュボードで、「メディア」→「一括最適化」を選択します。そして、「最適化されていない画像をスキャンする」をクリックすると、該当する画像枚数が表示されます。
最後に、「最適化を開始」をクリックすると最適化処理がスタートします。画像枚数によっては時間がかかりますのでご注意ください。
オススメのフリー画像サイトの紹介
これまでは、WordPressブログにおける画像を軽くする方法を紹介してきました。しかし、そもそも画像自体が重ければ軽くできる度合いは限られています。
そのため、できるだけ軽い画像を利用することをオススメします。以下は、オススメのフリー画像サイトで、画質も良く比較的軽い画像を取り扱っていますので、ぜひ活用してみてください。
まとめ：ブログ画像が重いからおさらば！
アイキャッチ画像や記事途中での挿入画像は、読者に対して視覚的に訴える要素になります。ブログを運営していくにあたっては、記事の内容同様、画像にも気を配るようにしましょう。
かつ、画像はできるだけ軽くし、サイトの表示スピードをあげ読者の離脱率を下げていく工夫をすることが大事です。
ブログで使うレベルの画像であれば、必ず100KB以下の画像にしましょう。