Cocoonのアイキャッチ画像サイズはどれが最適?

Cocoon

「Cocoon アイキャッチ」というワードで結構検索されて(うちのサイトが出る)ようなので、Cocoonのアイキャッチ画像について個人的な意見をまじえて、どのサイズがいいのか?という点をご紹介したいと思います。

他に設定でつまづきやすい箇所などはこちら↓の記事に記載しています!

  • Cocoonのアイキャッチサイズを知りたい方
  • 他のサイトのアイキャッチサイズはどれくらいか知りたい方

Cocoonデフォルトであれば横幅800px

Cocoonは、カラム幅(横幅)の初期設定が「800px」に設定されていますので、そこから特別カラム幅をいじっていることがなければ「800px」の画像を使うことでキレイに収まります。

しかし、個人的には800pxカラムはちょっと幅が広すぎるかな…とも思っています。

メインカラムの変更方法

メインカラム幅の変更方法はこちらのCocoon設定初心者向けの記事にて紹介しています。

当ブログでは650px×400pxにしています

当ブログ「まろっぱげ。」では、カラム幅を「680px」に変更していますので、アイキャッチ画像もそれに合わせています。

具体的には「650px×400px」です。カラムめいっぱいの幅ではないのですが、その点に関してはあんまり気にしていません。

Facebookに共有することが多いなら横幅1200pxも

どのようにブログを運営するのかは人それぞれですが、「私はブログ記事をFacebookでシェアをしている・することが多い」という方であれば、横幅が1200px程度あったほうがいいと言われていますね。

とはいえそうなると画像サイズが大きくなってしまい、100kbを超えることも珍しくないので「アイキャッチの画像サイズはできるだけ控えたい」という方は、画像サイズを小さくする方がいいかもしれないです。

個人的に、アイキャッチ画像の美しさを厳しくチェックする読者の方は少ないと思うので、画像サイズは小さめでもいいかなと思いますし、容量を抑えた方がいいんじゃないかなと思っています。

画像比率は16:9が無難。ツールを使えば算出は簡単!

画像の比率は16:9が無難かと思います。
多くのWordpressテーマのアイキャッチ画像としても採用されている比率かと思いますし、今は4:3よりも馴染みがある比率ではないかと。

…しかし、自分は横幅を700pxにしたい!だけど縦幅のサイズがわからない!ってことになりますよね。
もちろん計算は出来ますけど、いちいち計算したくない…!
そんな方にオススメなのが、こちらのサイトです。

自分の好きな比率で、横幅または縦幅を入力するだけで、比率に合ったサイズを算出してくれます!これがめっちゃ便利!
16:9だけではなく、4:3や黄金比など、全部で6つの比率を自動計算してくれます。

画像比率でちょっと他のブログとは違う印象を出すのもアリ…かもしれませんね!

私はアイキャッチのサイズではなく、画像の中身(イラスト)でなんとか個性を出せないかと奮闘中です…!

コメント

タイトルとURLをコピーしました