【最適化】WordPressブログ画像の最適なサイズ・容量 | 自動圧縮する方法

WordPress画像は、サイズや容量が大きいと読み込みに時間がかかるため、圧縮しないでアップロードするとサイト表示速度が著しく遅くなります。

とはいえ、1枚1枚画像を圧縮して記事にアップロードしていくのはものすごく時間がかかります。なにより、工数が増えて「めんどくさい！」「もっとサクサクやりたい！」という方も多いですよね。

そこで今回は、WordPressブログ画像の最適なサイズ・容量と、その画像を自動最適化する方法を解説します。

▼圧縮方法をすぐ知りたい方はこちら▼

WordPressブログ画像の最適なサイズ・容量

WordPressブログのサイズは幅1,200px^※、容量は100KB以内

標準的には以上のようなサイズ・容量が良いとされています。ただし、カメラ撮影写真などを使用する場合は、幅1,200pxにすると圧縮しても容量が膨大になってしまう可能性があります。

以下では、なぜWordPressブログ画像は幅1,200px・容量100KB以下が良いかを解説しておきます。

知っておいて損はないので、是非チェックしておきましょう。

リサイズ前のオリジナル画像はサイズが大きすぎる

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

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

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

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

スマホで撮影した写真や、フリー素材として提供されている画像は、サイズがかなり大きめになっていることがほとんど。

最近のWordPressテーマはスマホレスポンシブなため、デバイスに応じて画像サイズを変更する必要はありませんが、画像サイズ目安は幅1,200pxと覚えておきましょう。

ただし、画像を圧縮しても容量が100KB以内にならない場合は『幅＜容量』と考え、横縦比を変えずに幅を狭くします。

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

ブログ画像の容量はサイト表示速度に影響大

WordPressブログ画像の容量が重いとページ読み込みに時間がかかるため、サイト表示速度を著しく遅くします。

Aim to keep your total byte size below 1,600 KiB.

Avoid enormous network payloads

Googleは、最適な総ページ容量を1,600KB(1.6MB)と述べています。

なにかの手順を解説するようなブログだと多くの画像を使用するため1,600KBを超えることも多い。

でも、基本的に1画像50～100KB以内に収めたいところ。100KBでも16枚で推奨ページ容量を超えるんでね。

ちなみにサイト表示速度に関してGoogleは以下のように述べています。

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

Think with Google

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

記事の離脱率が高いとリンクのクリック率、成約率も低下して売上が落ちてしまうため、ブログ画像は50～100KB以下まで圧縮しましょう。

>>サイト表示速度の改善方法はこちら

WordPressブログ画像を最適化する方法 | 圧縮で軽くする

WordPress画像を最適化するには、このように2つの方法があります。

以下で、それぞれ解説していきますね。

画像圧縮ツールを使用する

『Tiny PNG^※』や『i Love IMG』はブラウザ上で誰でも無料使用することができます。

圧縮したい画像を選択してワンクリックで強力に圧縮することができるので操作はかんたんですが、すべて手動で行わなければならず画質も粗くなりがち。

Adobe Photoshopは有料ですが、圧縮率をコントロールしやすいため画質も保てます。ただ、初心者には操作が難しいためデザイナーやクリエイター向けのツールと言えます。

※Tiny PNGはWordPressプラグイン『TinyPNG – JPEG, PNG & WebP image compression(旧：Compress JPEG & PNG images)』というものもあります。

画像最適化プラグインを使用する

※項目をクリックすると詳細を見れます

WordPressブログ画像を最適化できるプラグインは、以上のようなプラグインです。

EWWW Image Optimizer

EWWW Image Optimizerは、画像最適化として最も有名なプラグインの1つ。

WordPressに画像をアップロードすると自動で最適化します(アップロード済み画像も圧縮可能)。次世代画像フォーマットWebP変換にも対応しているため、JPEGやPNGと画質が変わらず容量をさらに軽量化することができます。

日本語対応している上に、APIキーを必要としないためアカウント登録なども必要なし。日本での利用者数も多いため、初心者でも安心して使用することができるのも嬉しいですね。

>>EWWW Image Optimizerをダウンロードする

Autoptimize

Autoptimizeは画像だけではなくHTML/CSS/Javascriptといったリソースも最適化することができるため、総合的にサイト表示速度を高速化することができます。

アカウント登録がなく無料で利用できるため日本での利用者も多い。ただし、コードなどリソースの最適化をする場合はサイトの不具合を起こす可能性があるため注意が必要です。

画像の最適化目的で利用するなら、項目にチェックを入れるだけなので手軽に操作できる便利なプラグインですね。

>>Autoptimizeをダウンロードする

Shortpixel Image Optimizer

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

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

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

>>Shortpixel i.oをダウンロードする

Smush – Lazy Load Images, Optimize & Compress Images

Smush – Lazy Load Images, Optimize & Compress Imagesは、100万ダウンロード以上を誇る世界的に有名な画像最適化プラグイン。

アップロードした画像を自動圧縮するだけでなく最適なサイズにリサイズ、遅延読み込み(Lazy load)してくれるため、ページ容量を軽量化してサイト表示速度を高速化できます。

Smushはメディアファイル内以外の画像も最適化してくれるため、サイト全体を軽量化することが可能。次世代画像フォーマットWebPは有料プランですが、WebP変換が必要なければ無料プランで充分でしょう。

>>Smushをダウンロードする

Imagify

Imagifyは、画像最適化プラグインでもっともおすすめです。WordPress画像をきれいに保ちながら、それでいて圧縮率はNormalでも前述したEWWW Image Optimizerを凌ぎます。

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

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

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

>>IMAGIFYをダウンロードする

WordPressブログ画像を最適化する方法まとめ

WordPressブログ画像に最適なサイズ・容量、最適化方法を解説しましたが、最後にもう1度まとめます。

ブログ画像を最適化するとページが軽くなり、ページ表示速度が高速化します。

GoogleはPageSpeed Insightsのスコアを目安としたCore Web VitalsでSEO評価するため、ページ表示速度を高速化することが大切です。

ブログ画像はページ表示速度の重要な要素なため、ぜひ今回紹介した内容を参考にしてユーザー・SEOに評価されやすいWordPressブログ作りをしましょう。