ブログ画像のリサイズ＆容量圧縮：「WordPressの読み込み速度が遅い」悩みを速攻で解消

画像の大きさ（容量）は、ブログの読み込み速度に影響を及ぼします。

容量が大きいと読み込みに時間がかかり、せっかく記事を開いてもらえたのに、表示が遅くて閉じられることになりかねません。

そこで重要なのが、画像のリサイズと容量の圧縮です。

この記事では、無料でできる、ブログ画像のリサイズと容量圧縮の方法について解説します。

ブログ画像はリサイズ→容量圧縮してアップロードする

画像のリサイズと圧縮には、２つの無料ツールを使います。

２つとも、ブラウザ上で作業するツールです。

ダウンロードが不要なので、ネット接続できるPCやタブレットがあれば、どこでもリサイズと圧縮ができます。

ブログ画像のリサイズ：I LOVE IMG

まずは、I LOVE IMGでリサイズをします。

公式サイトを開き、「画像を選択」をクリックします。

フォルダが開くので、リサイズしたい画像を選び、「開く」をクリックするか、画像をドラッグしてI LOVE IMGの画面にドロップします。

画像編集画面が開きます。

幅（px）欄に「１２００」と入力し、「画像のサイズ変更」をクリックします。

画像サイズ変更中という画面が表示されるので、しばらく待ちます。

画像のサイズが変更されたら、「サイズ変更された画像をダウンロード」をクリックし、リサイズ後の画像をダウンロードします。

ブログ画像の要領圧縮：tiny png

次に、リサイズした画像の要領を圧縮します。

画像圧縮用のツール「tiny png」の公式サイトを開きます。

「Drop your…」をクリックします。

フォルダが開くので、画像を選択してドラッグ＆ドロップするか、「開く」をクリックします。

すると、自動で圧縮が開始されます。

圧縮中は、下の画像が表示されます。

圧縮が完了すると、パンダが両手をあげて教えてくれます。

「download」をクリックすると、画像がダウンロードされます。

リサイズ後の画像サイズはどれくらいにするの？

元画像の大きさや１記事に貼る画像の枚数にもよりますが、１画像につき５０～１００KB以内に収めるのが基本です。

１００KBを超える画像を何枚も貼り付けると、記事の読み込み速度が大幅に遅れ、ユーザーに「開くのを待つ」というストレスを与えてしまいます。

自動圧縮は画質が悪くなる？

WordPressブログの場合、アップロードした画像を自動で圧縮してくれるプラグインがあります。

代表的なのは、次の２つです。

自動圧縮は非常に便利ですが、画質が悪くなるという問題があります。

正しい設定ができるなら問題はありませんが、よく分からないなら手動で圧縮するのが無難です。

画像拡張子は「PNG」と「JPG・JPEG」のどちらが良い？

ブログで使用する画像の拡張子には、いくつも種類があります。

ブログと相性が良いのは、PNGとJPG/JPEGのどちらかです。

PNGとJPG/JPEGのメリット・デメリットを踏まえると、ブログの画像は種類によって保存形式を分けるのがベターです。

基本的にはPNGで保存し、写真や一部のイラストについては、JPG/JPEGで保存するのが理想的です。

しかし、2つの拡張子を使い分けるのは手間ですし、画像をたくさん使用する場合は拡張子のつけ間違いも起こります。

そのため、ブログで使う画像の種類によって保存形式をPNGかJPG/JPEGに決めておき、必要な場合だけ別の形式で保存するのもありです。

画像の見やすさというのもユーザビリティーに重要な要素なので、画像の拡張子は慎重に決めてください。

WordPressブログ画像のリサイズと容量圧縮のまとめ

ブログに貼る画像の容量は、読み込み速度（サイトスピード）に影響する重要な要素です。

アップロードする前にリサイズ＆圧縮をして容量を小さくしておきましょう。

画像の保存形式については、PNGかJPG/JPEGかという問題があります。

理想的なのは、次のように使い分けることです。

基本的には自然物はJPG/JPEG、人工物はPNGで保存するのがベターです。

使い分けは手間がかかるので、面倒くさい＆大容量の写真を使わないなら、PNGで統一しても問題はありません。