メルマガ登録バナー

ブログのサムネイルサイズはどうする?Cocoonの場合は?

ブログのサムネイルサイズはどうする?Cocoonの場合は?

今回はブログの顔とも言えるサムネイル(アイキャッチ)画像のサイズについてお伝えします。
※サムネイルとアイキャッチは同じ意味です

ブログサムネイルのサイズを考える理由

サムネイルのサイズを考えなければいけない理由はいくつかあるのですが、大きな理由は以下の2つ。

    ・見栄えが悪くなるから
    ・重くなってしまうから

見栄えが悪くなるから

見栄えが悪くなるということは見た目が悪くなることだけでなく、
伝えたいことが伝わらなくなるという可能性が出てきてしまいます。

あなたのブログ記事に訪れた読者さんが最初に見るのはサムネイルなので、
伝えたいことが伝わらないといったことを避けるためにサイズを最適化したいところですね。

重くなってしまうから

よく「この記事、なかなか開けないな」と思ったことはありませんか?
画像のファイルサイズが大きすぎるとブログ記事が重くなって、
なかなか開けなくなってしまいますので、
ファイルサイズにも気をつけたいところです。

2つのサムネイルのサイズ


サムネイルのサイズには2つあります。

    ・大きさの意味でのファイルサイズ
    ・重さの意味でのファイルサイズ

大きすぎると見栄えが悪くなってしまい、
重すぎるとなかなか開かなくなってしまうので、
両方のサイズに注意してくださいね。

ブログサムネイルのサイズ【大きさ】

基本的なブログのサムネイルサイズの考え方

基本的には「横長にする」ということを押さえておけばOKです。
サイズの推奨は1200×630ピクセルとしているところが多いです。

文章を書く場合は真ん中に文章を入れるようにすると、
SNSなどでシェアされた時に文字がはみ出ないようにできますよ!

僕の場合は、横長でできるだけ大きなサイズだったらなんでもいいと考えているのですが、1808×966が多いです。

Cocoonのブログサムネイルサイズは?

おすすめの無料テンプレート>>Cocoonを使っている場合には、
まず、公式ブログで「アイキャッチ サイズ」と検索してみてください。

すると、
「テーマのサムネイルをRetinaディスプレイ対応させる方法」
という記事の中で、

    ・なるべく大きな画像を設定
    ・1280×1280が推奨

といった2点が伝えられているので、こちらを参考にしてみてください。

ブログサムネイルのファイルサイズ【重さ】

100キロバイト以下に

重さは100キロバイト以下にするのが基本と言われています。

どのようにしてサムネイルファイルの重さを調べるのか?と言いますと、
Macならコマンド+I、Winならコントロール+I
もしくは右クリックでファイルの情報が出てきますので、
サイズを確認してみてください。

こちらを見ますと、約430キロバイトあることがわかります。

これを100キロバイト以下にするための方法はいくつかあるのですが、
たとえば「Compress JPEG & PNG images」というプラグインを使いますと圧縮を自動で行ってくれます。

430キロバイトが66キロバイトと、6分の1ほどに圧縮できました、

この「Compress JPEG & PNG images」については別の記事で詳しくご紹介しますね。

プラグインを使わないなら

プラグインを使わずに圧縮する場合には、

    ・サイズを小さくする
    ・画質を落とす

といった方法があるのですが、
サイズの変更はWordPressの編集から行うのではなく、元から変えておくことをおすすめします。

上記のプラグインを使わずに圧縮する方法についても
別記事でご紹介しますね^^

ブログのサムネイルサイズを復習!

ブログのサムネイルサイズに気をつけなければいけない理由は、

    ・見栄えが悪くなるから
    ・重くなってしまうから

でしたね。

そしてファイルサイズにも、

    ・大きさの意味でのファイルサイズ
    ・重さの

意味でのファイルサイズ
といった2つの意味があることをお伝えしました。

サムネイルについて、
おすすめの圧縮方法と、作り方についてはこちらでご紹介しています。
>>ブログのアイキャッチ画像は画像圧縮プラグインで簡単に削減!

無料メルマガではアフィリエイト歴10年以上&1億円以上稼いできた「せいさん」が、
最速でアフィリエイトで成功するステップを有料級プレゼントを交えてお届けしています。
>>無料メルマガのご登録はこちら
メルマガ登録バナー

コメントを残す

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