ブログやアフィリエイトで使う画像・写真の最適なサイズ・大きさを知る方法

ブログでは画像や写真を頻繁に使います。

必ず使わなければいけないということはありませんが、使ったほうが見やすくなるのは間違いありません。

いらない？ブログ記事に画像・写真を貼るのがめんどくさい！ブログには当たり前のように画像を貼ることが多いです。 僕もブログを始めたばかりの頃はそうでしたが、「みんなが貼ってるから俺も貼る」...

そんな画像や写真ですが、どのぐらいのサイズを使えばいいか答えることはできますか？

この問いに答えるためには、

を把握することです。

メジャーな比率を知る

比率とは、アスペクト比とも呼ばれます。画像の「縦と横の長さの比率」のことです。

画像のアスペクト比は、だいたい決まってます。

よくブログやアフィリエイトで使われる比率は

です。

最近は16：9が増えてきてるようにも感じます。

フリー画像サイトでは、基本的にこの3つの比率の画像を提供することが多いように思えます。

文章では伝わらないかもしれないので、どのような形なのか並べてみます。

だいたい↑のような比率の画像を目にすることが多いですよね。

少なくとも正方形だったり、縦長画像を目にすることは少ないはず。

比率にこだわる人は「黄金比」と「白銀比」

画像の比率にこだわりたい人は「黄金比」を参考にしてみるといいでしょう。

黄金比とは、人が美しいと感じてしまう比率のことで、自然界の生き物とかピラミッドにも使われてるのが有名ですよね。

黄金比は1：1.6なので、「約5：8の比率」となるようです。

また、日本人の僕らは黄金比よりも白銀比（1：1.4＝約5：12の比率）のほうが馴染みがあるので、こっちを参考にしてみるのもいいと思います。

ドラえもんとかキティーちゃんとかトトロとかちびまる子ちゃんとか、すべて白銀比で成り立ってるみたいですよ。

メジャーなサイズを知る

メジャーなサイズを知るためには、縦幅より「横幅」を考えるべきです。

PC画面やモバイル画面は、縦幅よりも横幅のほうが限定されてるからです。

画面は上下スクロールができるので、縦幅がめちゃくちゃ長くてもは成り立ちますが、横幅は「メインカラムの幅」があるので。

そして横幅の長さがわかったら、さっき紹介したアスペクト比によって縦の長さもだいたい決まってくる、というわけです。

ということで「メジャーな横幅」をまず把握しておくことにしましょう。

答えから言ってしまうと、

この2つをチェックしてみたところ、
ざっくり言えば横幅を700px前後にしておけば問題ないということがわかりました。

以下でそれぞれ横幅をまとめてみました。

①メジャーなサイトの横幅

横幅を調べるためにいくつか有名サイトをチェックしてみました。横幅はこんな感じです。

だいたい680~780pxというところですね。

すべてのサイトに共通しているのは、メインカラムの幅いっぱいに（またはギリギリいっぱいに）画像を広げてるってことです。

②メジャーなWordPressテーマの横幅

次にWordPressテーマの横幅です。よく見かける有名なテーマの横幅を調べてみました。

※左右の余白（パディング）を除いたメインカラムの横幅です。
※2カラムの場合です。

640~800pxという結果でした。昔と比べると少しづつ横幅は広がってるように感じます。

WordPressテーマの横幅を知る簡単な方法

メジャーな比率とメジャーなサイズを調べてみましたが、比率（アスペクト比）は

• 3：2
• 4：3
• 16：9

のいずれかを使い、横幅は今お使いのテーマにメインカラムに合わせて使うのがいいと思いますね。

メインカラムの横幅が640pxなのに、700pxの画像を貼り付けてしまっても、はみ出てしまうだけなので注意です。

それじゃまず今あなたがお使いのWordPressテーマの横幅を調べることにしましょう。

簡単な調べ方①

CSSでメインカラムのｗidthを確認すれば幅がわかりますが、それぞれテーマによって少し調べ方が変わるんですよね。

そのためここではもっと簡単な方法を使いましょう。

おすすめは、トリミング機能を使うことです。

トリミングできればなんでもいいと思いますが、僕がよく使ってるgyazoを使うと、こうやってすぐに横幅がわかります。

↑はYahooの検索窓ですが、横幅の数値を見ると約400pxだということがわかります。

これと同じように、ご自分が使ってるテーマの横幅を測るといいでしょう。

「見出しの長さ」と「（左右の余白を含めない）メインカラムの横幅」ってほぼ同じなので、見出しの横の長さを測るといいですよ。

簡単な調べ方②

Chromeの拡張『Page Ruler』を使うと長さを測ることができます。

横幅を測ることが目的なので、測り終えたら削除してもOK。

まとめ：横長の画像だったらOK

という2つを意識しておけば問題ないでしょう。

このサイトに横幅を入力してから、

のどれかのアスペクト比を選ぶと、それに合わせた理想の縦幅がわかります。

『無料PDF配布』＆『無料メール講座』

5年以上ブログで稼ぎ続けている経験を元に、「月収1万円を稼ぐことに特化したブログノウハウ」を作ってみました。お気軽にダウンロードしてみてください。
ダウンロードしてみる
月収10万円以上稼ぎたい人への「メール講座」もやってます。