ブログ

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

ブログ・アフィリエイトでは画像や写真を頻繁に使います。

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

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

  1. メジャーな比率
  2. メジャーなサイズ

を把握すれば、答えられるようになりますよ。

1.メジャーな比率を知る

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

画像のアスペクト比なんですが、だいたい決まってるんですよね。

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

  • 3:2
  • 4:3
  • 16:9

が多いように思えます。

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

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

文章では伝わらないかもしれないので、どのような形なのか並べてみると・・・

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

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

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

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

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

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

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

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

2.メジャーなサイズを知る

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

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

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

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

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

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

  1. メジャーなサイトの横幅
  2. メジャーなWordPressテーマの横幅

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

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

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

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

  • ゴリミー:780px
  • ヨッセンス:730px
  • モノグラフ:730px
  • 株式会社LIG:720px
  • 寝ログ:680px

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

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

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

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

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

  • cocoon:800px
  • STORK:730px
  • JIN:700px
  • 賢威7.0:700px
  • SANGO:680px
  • WING:640px

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

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

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

  • 3:2
  • 4:3
  • 16:9

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

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

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

簡単な調べ方①

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

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

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

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

↑はYahooの検索窓ですが、約400pxだということがわかります。

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

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

簡単な調べ方②

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

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

まとめ:少し横長の画像だったらOKってこと…

ブログに貼る最適な画像・写真は

  • ブログテーマの横幅に合わせてる(約700pxぐらい)
  • その横幅をメジャーなアスペクト比(3:2、4:3、16:9)にあわせて縦幅の長さを決める

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

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

  • 3:2
  • 4:3
  • 16:9
  • 2:1
  • 黄金比
  • 白銀比

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

これ便利そうですね。

ざっくり結論を言うなら、少し横長の画像・写真だったらOKということになりそうです(笑)

ここまでまとめておいてアレですが、このぐらいの知識持ってればいいのかもしれないですね。。。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です