サイトの表示速度が遅いと悩んでいませんか？
サイトの表示が遅い原因として、ブログで利用している画像のデータが重すぎる可能性があります。
そこでこの記事では、ブログ画像を最適に軽量化する方法についてご紹介しています。
この記事の内容
- 何故ブログ画像を軽量化させないといけないのか？
- ブログに利用する画像容量の目安
- ブログ画像データを劣化する事なく軽量化する方法
サイトの表示が遅くなるとSEO的に不利になりますので、画像を軽量化していない人はこの記事を最後まで読んでいただけると幸いです。
ブログ記事に利用する画像データの目安
まず、画像を軽量化する前に「どのくらいまで画像を軽量化すれば良いのか？」と言う点ですが、100KB以下ならほぼサイトへの影響を与えずに表示する事が出来ます。
しかし、作成した画像やフリー画像は素もまま利用様すると基本的に1MBを超えていますので軽量化する事が必要となります。
画像を軽量化させるには
- サイズを小さくする
- 画質を落とす
- 圧縮する
この３通りのやり方があります。
ブログで使用する画像データを軽量化する時の注意点
画像は軽量化をすると劣化して見にくくなる事に注意しなければなりません。
画質を落としたり圧縮をすれば画像が荒く表示され、記事を見ているユーザーが不快に感じやすくなります。
なので、記事に表示されている画像に違和感がない程度に軽量化することを心がけなければなりません。
ブログ画像を劣化させることなく軽量化させる方法
ブログ画像の劣化を抑えながらも軽量化が出来る方法は以下の通りです。
- Bulk Resize Photosで画質とサイズを調整する
- ラッコ画像圧縮で画像を圧縮させる
Bulk Resize Photosで画質とサイズを調整する
始めに作成した画像や装飾として利用する画像をBulk Resize Photosと言うサイトで画像を軽量化します。
画像を選択するかファイルをドロップしたら調整を設定する画面に切り変わります。
以下の設定だと比較的に画像が劣化せずにある程度軽量化をする事が出来ます。
- もとの寸法80%
- 画質100%
- 画像フォーマットJPAG
設定を行ったら、【開始】のボタンで画像が自動的にダウンロードされます。
ダウンロードした後は画像の容量が表示されます。
もし、画像が重くなった場合は元の画像を使って次のラッコ画像圧縮を行いましょう。
Canvaで作った画像に関してはBulk Resize Photosで画像のサイズを調整しないとラッコ画像圧縮で画像を圧縮できる容量が少なくなるので、このサイトを始めに使いましょう。
ラッコ画像圧縮で画像を圧縮させる
Bulk Resize Photosで画像をダウンロードしても十分に軽量化できてい事がほとんどです。
なので、ラッコ画像圧縮を使って画像を圧縮させていきます。
ラッコ画像圧縮は先ほどBulk Resize Photosで作成した画像をドロップして【圧縮】のボタンを押せばダウンロードできる様になります。
画質の初期設定の画質は【中】に設定をされているのですが【高】に変更してもそこまで変化する事はありません。
この手順を踏めば大抵の画像は100KB以下になっていると思いますので、確認してダウンロードボタンを押せばブログサイトで使える軽量化した画像の完成です。
すでにWordPressのメディアに登録してある画像を軽量化させる方法
先ほどご紹介した画像の軽量化はWordPressのサーバーに上げる前にしなければなりません。
この記事を読んでいる人の中にはすでに画像をWordPressのサーバーにアップロードしている人もいらっしゃると思いますが、画像を軽量化させる為に既存の画像を消して軽量化してから再度アップロードするのは手間に感じますよね。
そんな人にオススメなのが、EWWW Image Optimizerと言うプラグインです。
EWWW Image Optimizerの使い方は以下の通りです。
- EWWW Image Optimizerをプラグインからダウンロードして有効化する
- 【メディア】から【一括最適化】をクリック
- 【最適化されていない画像をスキャンする】をクリック
- 【〇〇点の画像を最適化】をクリック
この手順で操作をして全ての画像の最適化が終われば完了です。
以上が、WordPressで使う画像を劣化せずに軽量化する方法です。
ブログの画像を軽量化する事でサイトの表示速度が上がり、SEO的にも有利になりますので、是非この記事で紹介した内容を実践してみてくださいね！
