アイキャッチ画像の作り方について

勉強

ブログの冒頭などに表示される画像、アイキャッチ画像の作り方について、

WordPressでのブログに挑戦したものの今まで何もわからずに空欄のまま投稿していたのでこれを機にブログらしいアイキャッチ画像を作ってみたいとおもいます。

使用しているテーマはcocoonなのでcocoonでブログを書いた時の

  • 作り方(画像サイズなど)
  • アップロード方法
  • 見え方

など調べてみました。

アイキャッチ画像の作り方

アイキャッチ画像とはどんな画像か調べてみると

  • ブログ記事の冒頭に表示される
  • 新着記事などの一覧ページのサムネイルになる
  • snsの記事投稿などで表示される

といった役割があり、読者の目を引き付けるためにとても重要な要素だそうです。

アイキャッチ画像サイズ

wordpressでアイキャッチ画像を作る場合、テーマごとに推奨サイズは異なります。

自分の使用しているテーマはcocoonなのでcocoonで作る場合のサイズを調べたところ

1200×630px(1.91:1)

1200×675px(16:9)

のサイズが綺麗に表示されるそうです。

snsでも綺麗に表示させるには1200×630pxがいいようなのでこちらで作りたいと思います。

アイキャッチにフリー画像を使用する場合

アイキャッチ画像を作る際にフリー画像を使用する場合

  • 商用利用が可能か?
  • イラストの加工が可能か(色や組み合わせなど)

画像の使用範囲を確認する必要があります、イラストAC、いらすとや、ぱくたそ、などのサイトでは商用利用、加工も可能です。

今回は自作のイラストで制作してみました。

illustratorで作成、アイコンにしている青い鳥のキャラクターでまとめてみました。

いい画像ではないですが、あまり気負わずそれらしいものを作りました。

アイキャッチ画像設定方法

投稿画面の右側のメニューからアイキャッチ画像を設定をクリックします。

画像をアップロードしてアイキャッチ画像を設定をクリックします。

保存したら完了です。

まとめ

今回、最低限アイキャッチ画像を作るのに必要な画像のサイズと設定方法をしらべました。

調べてみてアイキャッチ画像はまだまだ奥が深いと思いました、これからさらにブログに合ったアイキャッチ画像が作れるように成長していきたいと思います。

コメント

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