ブログの画像サイズの悩み即解決！超絶簡単なサイズ変更と軽量化法も

ブログを運営するうえでの悩み事といえば、画像サイズをどうしたらよいか？迷いますよね。

今回は記事の前半で「ブログの画像の最適なサイズ」についてGoogleが推奨しているサイズを説明し、後半で「サイズ変更方法と圧縮方法」を紹介していきます。

最後にブログに画像を貼る場合の良くある質問事項もまとめているので参考にしてみてください！

ブログの画像サイズの最適値

ブログに貼る画像の最適なサイズを考えるうえで、避けてとおれないのがGoogleの評価基準ですよね。

Yahoo!やBingでいくら評価されたところで、ブログへの流入の9割以上はGoogleって事実を忘れてはいけません。

ならばGoogleの基準がどうなっているのかを確認し、Googleの基準に合わせていくことが正解と言えます。

Googleが推奨しているサイズ

Googleが推奨するサイズはAMPについてのみ公表されています。

Googleが最も力を入れているモバイルファーストのプロジェクトの１つですね。

今あなたのブログがAMPに対応していなかったとしても、いずれ優れたプラグインができた時にAMP化させることもあるでしょう。

つまり、AMPに対応しているブログも対応していないブログも今後はAMPの基準で運営することが望ましいと言えます。

それではGoogleがどのようなサイズを推奨しているのかを確認していきましょう。

・記事に直接属するマークアップされた画像のみを指定する必要があります。

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

・すべてのページに画像を少なくとも 1 つ含める必要があります（マークアップを含めるかどうかは問わない）。Google は、アスペクト比と解像度に基づいて、検索結果に表示する最適な画像を選択します。

・画像の URL は、クロールやインデックス登録に対応できる必要があります。

・画像はマークアップされたコンテンツを表している必要があります。

・画像の形式は、.jpg、.png、.gif のいずれかである必要があります。

・適切な画像が選択されるようにするために、アスペクト比が 16×9、4×3、1×1 の高解像度画像（800,000 ピクセル以上の画像）を複数指定してください。

参照：Google 検索デベロッパー ガイド

要約するとこんな感じです。

Googleがはっきりと画像サイズについて説明してくれているので、上の基準に合わしていくのが結論です。

ブログに最適なアスペクト比は？

アスペクト比とは、矩形における長辺と短辺の比率のことをいいます。もっと簡単に言うと四角形の縦と横の比率のこと。

Googleが推奨しているアスペクト比は16:9、4:3、1:1でしたのでこれらの比率を使っていきましょう。

スマホから見た場合16:9が一番しっくりきます。4:3はパソコンで見た場合は良いですがスマホから見るとちょっと縦長でもっさり感が出てしまいます。（画像の圧を感じてしまいます）

私としては黄金比の1:1.618が良いんですが、Googleに媚びを売るためブログの画像は全て16:9に統一しています。

アイキャッチ画像に使うサイズ

アイキャッチはブログの記事の顔になるので、特に注意しておきたいところですよね。

とは言うもののアイキャッチ画像は各テーマによりアスペクト比が決まっているので、テーマに合ったアスペクト比で作成しましょう。

参考までにメジャーなテーマのアイキャッチのアスペクト比を紹介しておきます。

ブログに画像を貼るまでの手順

前半で画像のサイズとアスペクト比を紹介していきましたので、ここからは実際にブログに画像を貼る前の準備について紹介していきます。

ブログの画像サイズの変更方法（パソコン編）

以前はPhotoshopやGIMPなどの画像加工サイトを利用して画像サイズを変更していましたが、最近は画像編集に時間をかけたくないためCanvaを使ってサイズ変更をしています。

Canvaならパソコンでもスマホでも簡単に画像サイズを変更することができるので、画像ソフトを使いこなせない方にもおすすめの方法です。

Canvaを使えばどんな画像のサイズもキャンバスサイズに調整することが可能です。複雑な画像ソフト使わなくても簡単にサイズ調整が可能になります。

ブログの画像サイズの変更方法（スマホ編）

ここからはCanvaを使ってスマホで画像サイズを変更する方法を紹介していきます。スマホで撮影した写真のサイズ変更にも使えるのでパソコンより利用頻度は高くなります。

Canvaならスマホで撮影した写真も簡単にサイズを変更することができるので便利ですよね。2年前にブログを始めたときに知っていたら今頃たくさんの記事が量産できていたはずです。

ブログの画像の圧縮方法

画像の圧縮はプラグインを使う方法もありますが、個別に圧縮するのに比べ圧縮が甘くなるので個別に圧縮する方がよいです。

画像圧縮はパソコンからもスマホからも利用できる【 tiny png 】がおすすめ。

それでは圧縮手順を説明していきますね。

圧縮は簡単ですね。ただ、毎回画像を圧縮するのは結構面倒なので隙間時間などにスマホから作業すると生産性がアップしますよ！

ブログに使う画像で良くある質問

ここからはブログで画像を使用する際によくある質問を紹介していきます。

ブログの画像サイズ：まとめ

最後にもう一度ブログに使用する画像サイズのGoogleの推奨サイズと注意事項をまとめておきます。

  Googleの推奨サイズ

  ブログに利用する画像の注意事項