画像サイズに迷ったらこれ!ブログで使えそうな『比率・サイズ』まとめ

ブログ

ブログを書くのに不可欠な写真。好きなように見せたいところだけトリミングしていると、サイズがバラバラ…
無法地帯になっていたので、基準を決めることにしました。

とは言っても、デザイナーでもアーティストでもないから美しいサイズなんてよくわからん…
考えている時間ももったいないので、間違いなさそうな比率・サイズをまるっと使うことにしました!
何も考えずにこの中のどれかに当てはめて使います。

このブログで使用する画像サイズの備忘録です。
使用している画像は旅先で撮影したねこちゃんです♡

さくっと見た目の比較

黄金比白銀比白金比青銅比
OGP

有名どころの画像サイズ

Facebook Twitter OGP画像【1.91:1】

横1280px 縦670px
FacebookやTwitterなどのSNSでシェアされた時にサムネイルで表示される画像に適したサイズ。

黄金比【1:1.618】

1:1.618
人の体、名刺、モナリザ、パルテノン神殿、Appleのロゴなど。
自然にも存在する不思議で、もっとも美しいといわれる金属比のひとつ。

白銀比【1:1.414】

1:1.414
A4・B5などの紙のサイズ、法隆寺の五重の塔、ドラえもん、スカイツリーなど。
別名『大和比』。特に日本人が美しいと感じるとされる比率。

白金比【1:1.732】

1:1.732
あまり例が見当たらない。横長の画像にしたい時に使えそう。

青銅比【1:3.303】

1:3.303
こちらもあまり例は見ない。かなり横長にしたい画像の時に使えそう。

お気に入り比率計算ツール

シンプル、おしゃれ、きれいで使いやすいツールです。
直感的に数値を入れるだけでいいので、使ってみたツールの中ではダントツわかりやすかったです!

Metallic Ratio / 貴金属比 [黄金比・白銀比などを計算]
黄金比や白銀比を計算するWebアプリ。このツールは、基準となる数値をひとつ指定するだけで、黄金比や白銀比に代表される各貴金属比を簡単に算出できるものです。数値だけではなく視覚的にも比率を確認できるので、求めている比率を直感的に得ることができます。デザイン作業などで美しい比率が必要な時にご利用ください。

『BIBOLOQ』で使う画像の決まりまとめ

記事のアイキャッチの画像は『Twitter OGP画像サイズ』

  • アイキャッチ画像は横長が好みだから
    →縦が長いと記事にたどり着くまでたくさんスクロールしないといけないため
  • いざという時FacebookやTwitterのOGP画像に使える

記事本文内に入れる画像は『黄金比』

  • 横長すぎず、縦長すぎず使いやすい!
  • サイズは横800px、縦494px
    大きめにして、他でも使えるようにしておく

縦長画像はできるだけ使わない

  • 記事内で収まりが悪い気がするから
  • 使う時は周りとの兼ね合いで中央揃えか左揃えか決める
タイトルとURLをコピーしました