ブログの最適な画像サイズは？SEO対策に有効な圧縮方法も解説【2021最新】

こんな悩みを解決します。

本記事では「ブログの適切な画像サイズ」を中心に紹介。

読み終えればブログの画像サイズが重要な理由について分かり、サイズを圧縮するのにおすすめの方法が理解できますよ。

5年目ブロガーである私が、ブログで大切な画像サイズについて書いていきます。

ブログの画像サイズが重要な理由は3つ

「画像：ALT設定・JPG圧縮」

ブログの画像サイズが重要な理由は、主に以下3つがあります。

上記のとおり、読者にとっても検索エンジンにとってもブログの画像サイズを最適化するのは大切です。

どれもSEOに関わる大事な項目なので、それぞれの理由を詳しく見ていきましょう。

①ページの表示速度を速くするため

「画像：ALT設定・JPG圧縮」

ブログの画像サイズが重要な1つ目の理由は「ページの表示速度を速くするため」です。

画像をきれいに見せたいと思って容量が1枚2MBや3MBもある画像を掲載していると、サイト表示が遅くなってしまいます。

 

ページがなかなか表示されなければ読者にとってもストレスが溜まり、離脱の原因になる可能性も。

画像サイズは誰でも簡単に修正できるので、早めに取り組んで表示速度を最適化させましょう。

②検索順位に影響するため

「画像：ALT設定・JPG圧縮」

ブログの画像サイズが重要な2つ目の理由は「検索順位に影響するため」です。

なぜならページの表示速度が低下するとアクセス数も落ち、Googleからも低品質な記事と認識されるから。

 

Googleは読者に親切でない記事に対して高いSEO評価はつけません。

記事内容がよくても画像サイズに問題があれば、いつまで経っても検索上位は狙えないでしょう。

③画像を見やすくするため

「画像：ALT設定・JPG圧縮」

ブログの画像サイズが重要な3つ目の理由は「画像を見やすくするため」です。

画像サイズがブログに対応していなければ、せっかくの画像が見切れてしまう…なんて可能性もあります。

 

記事全体を見たときにもサイズのおかしい画像があれば、違和感を感じるのは当然のこと。

記事コンテンツだけでなく、デザインや画像の見やすさも含めて『また読みたくなるブログ』になるのです。

ブログ画像のサイズ目安【おすすめのpxは？】

「画像：ALT設定・JPG圧縮」

ブログ画像のサイズ目安が気になっている方も多いはずです。

Googleが公言しているのは、画像の横幅を1,200pxにすべきという点のみ。

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

引用：Google 検索セントラル

 

さらにTwitterなどのSNSでブログ画像の宣伝などをする場合、推奨されるアスペクト比は「1.91:1」となります。

これを踏まえてGoogle的に最適な画像サイズを算出すると、「横1,200px × 縦630px」

 

このサイズのアイキャッチであれば、Twitterカードの表示で画像が見切れることなくきれいに表示されます。

Google砲に被弾している記事の画像もこの比率である場合が多いので、有効といえるでしょう。

 

Twitterカードの画像サイズについては「Twitterカードの画像サイズ【クリック率UPさせるには？】」で解説していますので、こちらもどうぞ

 

ブログテーマ別のおすすめ画像サイズ

「画像：ALT設定・JPG圧縮」

「横1,200px × 縦630px」の比率はあくまでGoogleが推奨しているだけで、使用するテーマによってはイマイチな場合も。

実際にWordPressのテーマごとの推奨サイズを調べると、下記のとおりです。

このようにGoogle推奨のサイズと違ったものが指定されることもあります。

とはいえテーマ変更をする場合にも困らないよう、あらかじめ大きいサイズで画像を作るのがおすすめです。

ブログ画像の最適な縦横比

「画像：ALT設定・JPG圧縮」

ブログ画像を美しく魅せるためには、縦横比が重要になってきます。

おすすめの比率は以下のとおり。

多くのブログを見ていても、これらの縦横比で画像を作っている場合がほとんどです。

とはいえ縦横比については好みの問題も大きいので、気に入った比率で画像を作れば問題ありません。

スマホ表示する場合におすすめの画像サイズ

「画像：ALT設定・JPG圧縮」

スマホ表示をする際におすすめの画像サイズについて、気になっている人もいるでしょう。

ですが画像はパソコンでもスマホでも同じ比率で表示されるため、特に気にする必要はありません。

 

パソコン上で見やすい縦横比であれば、スマホ上も問題なく見られるので安心してくださいね。

ただスマホで見ると縦長の画像は多少見にくくなりやすいので、その点は注意が必要です。

ブログの画像サイズを圧縮するツール3つ

「画像：ALT設定・JPG圧縮」

ブログの画像サイズを圧縮することで、さらにページ表示速度を高められます。

画像を圧縮するときに利用すべき無料ツールは以下の3つ。

それぞれのツールについてサクッと解説していきます。

①Xn Convertで画像を最適化する

「画像：ALT設定・JPG圧縮」

ブログの画像サイズを圧縮するツールの1つ目は「Xn Convert」です。

普段使っている画像ファイルには必ずpngやjpgといった拡張子がついており、それぞれの違いは以下のとおり。

サイズの大きさを軽くしてページの表示速度を高めるために、「png→jpg」へ変換してくれるのがXn Convertです。

ダウンロード方法については、[ブログ画像の容量を圧縮する方法|Xn Convertの使い方]で解説しています。

≫XnConvertをインストールする

②TinyPNGで画像を圧縮する

「画像：ALT設定・JPG圧縮」

ブログの画像サイズを圧縮するツール2つ目は「TinyPNG」です。

画像を圧縮と聞くと画質が落ちるような気もしますが、TinyPNGなら画質の低下を極限まで減らせます。

圧縮方法については以下のとおり。

たった10秒ほどで、1枚あたり30%〜60%ほど画像サイズを圧縮できるのは便利すぎです。

1度に最大20枚の画像を圧縮できるため、たくさんの画像を圧縮する場合でも活躍しますよ。

≫TinyPNGで画像を圧縮する

③EWWW Image Optimizerで画像を軽量化する

「画像：ALT設定・JPG圧縮」

最後に紹介する、ブログの画像サイズを圧縮するツールは「EWWW Image Optimizer」です。

WordPressの無料プラグインとなっており、有効化しておくだけで保存した画像をすべて軽量化してくれます。

 

EWWW Image Optimizerの強みは、過去にWordPressへアップロードされていた画像も含めて軽量化できること。

サイトスピードを上げるにも役立つため、導入しておいて損はありませんよ。

≫EWWW Image Optimizerをインストールする

ブログの最適な画像サイズまとめ

「まとめ画像：ALT設定・JPG圧縮」

本記事では、ブログの最適な画像サイズについて徹底解説してきました。

重要なポイントをおさらいすると下記のとおりです。

ブログの画像サイズを最適化することはSEO対策の面でも必要不可欠です。

本記事で紹介したサイズの調べ方や圧縮ツールも使いつつ、ブログの評価を高めていきましょう。

今すぐできる具体的TODO

ブログのページ速度を計測する方法は、[ブログのページ速度を改善【あなたのサイトは大丈夫？】]の記事にまとめてあります。

読んでおくと更に表示速度の速いブログを作れますよ！

アフィラの小言

今回の記事ではブログの画像サイズについて解説してきましたが、ブログによって画像サイズはバラバラ。

絶対的な数値があるわけではないので、基本的には好みで決めていけば問題ありません。

文字などが主体の画像なのか、写真そのものを見せたいのかによってもサイズは変わってきます。

図解などの場合は16：9、一眼レフで撮影した写真をきれいに見せたいという場合は3：2の比率といった感じですね。

 

ただ、最終的には自分自身が最もしっくりくると感じたものが正解のサイズです。

直感を信じて、ブログ画像サイズの最適解を見つけていきましょう！

 

ちなみに当サイトのアイキャッチは、有料画像サイト「シャッターストック」の画像を使用しています。

無料トライアルもありますので、気になる方は以下の記事も参考にしてみてください。

https://afila0.com/shutterstock-blog/