【もう悩まない】ブログ画像のおすすめサイズは?【初心者向け】

ブログ初心者におすすめの画像サイズWordPress

ブログを始めたばかりの人が必ず疑問に思うこと、それは「画像」ではないでしょうか。

初心者さん
初心者さん

どんな画像がいいの?カッコいい?かわいい?
どうやってブログにアップする?ネットの画像を勝手に使っていいの?
サイズは?加工はどうすればいいのー⁈


と、画像ひとつにしても悩みは尽きませんね。

この記事では、たくさんある疑問のひとつ、「画像サイズ」についてを解決します。

画像サイズはブログの高速化に関わる大事な部分です。

後から画像を修正すると、とんでもない手間と労力でブログ自体が嫌になってしまうので、記事数が少ないうちに基本をおさえておきましょう。

のいはる
のいはる

私は適当にやって痛い目に遭いました(泣)

ブログで使用する画像はアイキャッチ画像と挿入画像のふたつ

どのブログでもアイキャッチ画像は必ずと言っていいほど使われています。
そのブログの個性が見えてくるところでもありますね。

一方、挿入画像に関しては記事の内容に左右されるところが大きいです。
書き手の好みだったり、体験談や旅行記事たど挿入画像も自然と数が多くなってきます。

画像の数が多いとそれだけ「ブログが重い」状態になりますから、1枚あたりの画像のファイルサイズを軽くすることがとても重要です。

ブログを始めたばかりだと、やることがいっぱいで画像のファイルサイズまで気にしていられない!と言うかも知れません。

でも大丈夫!

あとで大変な目にあう前に、あらかじめ画像のルールを決めておきましょう。

ルール①アイキャッチ画像のサイズは横1200px:縦675pxまたは横1200px:縦630pxでOK

この数値は横と縦の比率に基づくものとなります。

アイキャッチ画像におすすめの比率は16:91.91:1
どちらの比率も多くのブログで見られる比率でスッキリとした印象です。
ちなみに、この記事のアイキャッチ画像は16:9になっています。

画像比率はブログ以外でも影響してきます。
自分の記事をSNSで発信する人も多いと思いますが、SNSによってリサイズされる比率が違ってくるのです。

多くの人が利用しているTwitterは1.91:1にリサイズされるので、利用している人はブログのアイキャッチ画像の比率を合わせるといいでしょう。

16:9の場合→ 1200px :675px
1.91:1の場合→ 1200px :630px

どちらか使いやすい方に合わせて画像をリサイズしてください。

※使用するWordPressのテーマで推奨されている比率にしてもいいと思います。

のいはる
のいはる

私は無料テーマ「cocoon」を利用していますので、デフォルトの16:9にしています

ルール②挿入画像の縦幅はそこまで気にしなくて大丈夫

挿入画像もアイキャッチ画像と同様に横1200pxにしますが、使いたい画像が縦長の場合は、無理に比率を合わせなくていいと私は思います。

記事内の画像比率が揃っていた方が見た目もスッキリしますが、比率を気にしすぎて画像の意図が分からなくなっても困りますので。

ブログの読者を第一に考えて、必要な情報をわかりやすく伝えられる画像にすることが優先です。

ルール③画像のファイルサイズを1枚100KB前後に抑える

大事なことなのでもう一度言います。

記事に載せる画像は、1枚あたりの画像のファイルサイズを軽くすることがとても重要です。

なぜ軽い方がいいのかは初心者でも何となく分かるはずです。
すぐに表示せれないサイトやブログはすぐに興味がなくなり、他のページに移ってしまった経験が、あなたも一度はありますよね。

あなたのブログ記事が重いと、同じように見てもらえなくなってしまいます。
そうならない為に、早い段階から画像のファイルサイズを軽くすることを意識していきましょう。

なぜ横幅を1200pxにするのか?

なぜ1200pxにしないとダメなの?と思う人へ、少し細かい話をします。

あなたはブログ記事を読むとき何を使いますか?

PC、タブレット、スマートフォン…
大抵の人はスマートフォンでささっと読むことが多いのではないでしょうか。
一般的なスマートフォンのスクリーンサイズだと横幅は400px程です。

一方、この3つの中で一番画面が大きいPCのスクリーンサイズは1900px程となります。
しかし画面幅いっぱいにブログ記事が表示されるわけではありません。

多くのブログではアイキャッチ画像幅を800px前後に指定していることが多いです。実際見やすい大きさですね。


サイドバーを含めて1200px程のコンテンツ幅がよく見られます。サイドバーが無い1カラム表示にしているブログでも、やはりアイキャッチ画像の横幅は800px前後にしています。

こういった点から画像幅は800pxでいいような気がします。が、今後テーマや投稿の画像幅の設定を変更をする可能性があるかもしれません。

小さい画像幅から大きい画像幅にすると画質が粗くなるため、見苦しくならないよう保険として少し大きめにしておくといいですね。

以上のことから画像幅は横1200pxをおすすめします。

まとめ

ルール①アイキャッチ画像のサイズは横1200px:縦675pxまたは横1200px:縦630pxでOK
ルール②挿入画像の縦幅はそこまで気にしなくて大丈夫
ルール③画像のファイルサイズを1枚100KB前後に抑える

私がブログを始めたばかりの頃はとにかく悩みがいっぱいで、子育てや仕事の合間を見つけては「自分のブログに最適な設定」を探して検索魔になっていました。
特に悩んだことが画像についてです。

のいはる
のいはる

リサイズ方法にしても画像の修正にしても、画像は奥が深すぎる!

これからブログを始める人にとってこの記事が役に立てば幸いです。