ヘッダー画像
ブログ作成日記

ブログ初心者でもわかる!!画像のサイズ問題を解決!!JIN編

ブログに画像貼りたいでしょ??でも貼れなかったり、表示速度が遅くなったりする場合があるんです。

この記事を見れば、適正なサイズがわかります。

たぬき

画像貼ったつもりなのに貼れてないことがあるんだけど・・・・・

赤ちゃん部長

サイズが合ってない時にそういうことがあるなぁ

たぬき

画像画像のサイズ??気にしたことないなぁ

こんな人に読んでもらいたい!!

  • ブログ初心者
  • 画像を貼りたい人
  • 貼ったけど、なぜか貼れない人
  • サイト表示が重くなったとGoogle先生に指摘された人、またはそう思ってる人
  • サイズで迷ってしまう人

赤ちゃん部長

すごく簡単に話していくぞ!!

とっても簡単シンプルにお話していきます。

より、手をかけたい!!画像の細かいところにこだわりたいっ!!という人ではなく、

普通にブログを運営したい人向けの記事です。

記事のアイキャッチ画像

たぬき

アイキャッチ画像って

記事一覧や、記事冒頭の記事一つ一つにつける

記事を目立たせる画像のことだよね?

赤ちゃん部長

そう。

小さい画像が多いから、サムネイル画像っていうときもあるぞ

たぬき

確かに、サイズどうすればいいかな?

赤ちゃん部長

しのごの言わずに決めちゃえばいいよ。

というわけで、アイキャッチ画像(サムネイル画像)のサイズは

だいたい16:9の比率になるようにしてくださいな。

そしてサイズは

横760px:縦428px

のサイズ。

例えば、Canvaのカスタムサイズで入れるとしばらく残るから、迷わなくていいよ。

そしてこれは毎回作るから、もう覚えて!!

たぬき

なろう

シニがハチ

で覚えよう!!

赤ちゃん部長

語呂合わせになってない!!覚えづらいだろ!!

カテゴリーページのアイキャッチ画像

たぬき

記事のアイキャッチと同じじゃだめなの?

赤ちゃん部長

同じ画像サイズだと、カテゴリーの

アイキャッチ画像は設定できないぞ。

たぬき

サイズを変えないとダメなんだね

カテゴリーのアイキャッチ画像は、記事のアイキャッチ画像と同じだと

貼り付けても画像が消えてしまうことがあります。

赤ちゃん部長

これも最低ラインを覚えてしまえばいいと思うぞ

カテゴリーのアイキャッチ画像は最低

幅1280px:高さ720px以上

のサイズが必要ですので、このサイズに合わせてサイズを覚えてしまいましょう!

ヘッダー画像

たぬき

ヘッダーはブログの一番上の部分のことだね

赤ちゃん部長

ブログの顔だぞ!!

ヘッダーの画像はページいっぱいの幅の画像を作ることが多いですよね。

なので、横幅のみ最低ラインがあります。

幅2400px :高さは自由

上記のように縦は自由です。

文中の画像

たぬき

文中に差しこむ画像だね

赤ちゃん部長

この下の画像のことだな

最低

400px × 300px または 300px × 400px

以上またか下記画像サイズのサイズの大以下にする

おすすめは

横760px:縦428pxの記事のアイキャッチと一緒。

どっちにも使えるから便利だと思うよ!!

たぬき

選んだり考えなくていいもんね。

まとめ

今回は

ブログ初心者でもわかる!!画像のサイズ問題を解決!!JIN編をお送りしてきました!!

記事のアイキャッチ画像は

760px × 428px

カテゴリーのアイキャッチ画像は

幅1280px:高さ720px以上

ヘッダー画像は

幅2400px :高さは自由

文中の画像は

最低

400px × 300px または 300px × 400px

以上またか下記画像サイズのサイズの大以下にする

おすすめは

横760px:縦428pxの記事のアイキャッチと一緒。

ということでした。

たぬき

これで、アイキャッチ画像も思いのままだね!!

赤ちゃん部長

たぬきは後はセンスだけ!!

ブログランキング・にほんブログ村へにほんブログ村

ABOUT ME
たぬき
そこそこおっさんです。 3人の娘とかわいい妻がおります。 いわゆる、外食サービスに勤務してます。 ブログはもちろんTwitterなどSNS全般初心者です。