ブログカスタマイズ

ブログのアイキャッチ画像を作るために役に立つサイト8選【デザイン知識ゼロでOK】

こんにちは。シーアです。(@seer_1118

ブログのトップに表示される、アイキャッチ画像。

記事の内容を端的に伝えられる、目を引くアイキャッチが作れたら、きっと記事を読んでもらえる可能性も上がります。

シーア
シーア
私のブログも、素敵なアイキャッチにしたい!

この記事では、アイキャッチ画像の制作に役立つサイトを8つ集めました。

アイキャッチ画像はブログの顔

以前は、フリーフォトや、自分で撮った写真を、サイズ調整だけしてそのままアップしていました。

それもいいけど、画像に文字を乗せたりして、記事の内容がより伝わるように工夫すれば、さらに見てもらえる確率が高くなります。

シーア
シーア
デザインセンスやスキルのない方も、簡単に・短時間でアイキャッチが作れますよ!

フリーフォト

自分で撮った写真も使いますが、背景がごちゃごちゃしていたり、影が入ってしまっていたりと、使いにくい場合もあります。

シーア
シーア
そんなとき、著作権フリーの写真が便利です!

写真がキレイだと目を引きますよね。

GIRLY DROP

私はかわいい・おしゃれな写真を探すとき、「GIRLY DROP」、略して「がりどろ」をよく見ます。

シーア
シーア
女の子らしくて、キュンとときめく画像がいっぱい!

お花の写真もたくさんあるし、バレンタイン、ハロウィンなどの季節感のあるものも好き。

Unsplash

おしゃれさ・美しさで言うとUnsplashがダントツ。

シーア
シーア
海外のサイトなので英語です。

ちょっと使いにくいものもあるのですが、色を抑えた写真がセンス良いです。

写真AC

「写真AC」は王道で、一番有名です。

種類が豊富で、記事の内容やシチュエーションに合わせて、多彩な画像の中から選べます。

オシャレなものもあるけど、実用的なもののほうが多いかな。

文字を乗せたり加工するのは「canva」

画像が用意できたら、次は加工です。

プロみたいなすごいスキルがなくても、文字などをレイアウトしてオシャレにできる「canva」がオススメ。

シーア
シーア
有料プランもあるけど、無料で十分使えます!

ソフトではなく、オンライン上で作業ができるので、容量などを気にしなくてもいいのもメリット。

オシャレなテンプレートがあるので、画像や文字だけを差し替えるだけで、いい感じになってくれます。

私はスキルもセンスもないので、大変助かります!

使い方や、何ができるかは、こちらのサイトで初心者向けに詳しく解説してくださっています。

アイキャッチ画像サイズチェッカーで、シェアされた時どう表示されるかをチェック

加工した画像をアイキャッチにして、twitterやfacebookでシェアされた際に、どんな風に見えるかをシミュレーションしてくれます。

WordPressではあまり気にしなくても良いですが、はてなブログ時代はよくこれでチェックしてました。

はてなブログのTOPページや、カテゴリごとの記事一覧画面では、左右がトリミングされて正方形のサムネイル画像が表示されます。

写真の斜め下などにキャッチコピーが来ている画像だと、文字が途切れてしまって、せっかくのアピールポイントが見えなくなってしまうことも…。 

全部気にしていたら、いつまで経ってもCanvaで微調整し続けて、なかなかアップできなくなってしまいました。

シーア
シーア
私の慣れもあるかもしれませんが…。

なので、よく目に触れる「はてなブログのサムネイル画像」と、「twitterでシェアされたときの画像」だけ、注意して作成するようにしました。

facebookは私がやってないので、あまり拡散されている実感がありません。

Twitterが大丈夫なら、facebookでも大丈夫みたいなので、いったん置いときます。

アイキャッチ画像の変更がTwitterに反映されないとき

アイキャッチ画像を変更しても、それをTwitterでシェアしたら前のアイキャッチ画像のまま…ということが結構あります。

今回それで試行錯誤してて、解決策を見つけたので、参考にご紹介します。

例えば、Googleフォトで、iPhone・PCの写真をひとつにまとめよう!容量削減、データバックアップ対策に。を例にあげます。

あわせて読みたい
Googleフォトで、iPhone・PCの写真をひとつにまとめよう!容量削減、データバックアップ対策に。こんにちは。シーアです。(@seer_1118) スマホを落としたり、なくしたとき。壊れたとき。いちばん気になるのは、「写真データがな...
【状況】

  • 2017年9月に記事を公開(アイキャッチA)
  • Twitterでシェア(アイキャッチA)
  • 2018年4月に記事を修正(アイキャッチBに変更)
  • Twitterでシェア(アイキャッチがAのまま

実は、ツイッターは毎回最新の情報を取得してシェアしているのではありません。

以前に一度拡散されたときのデータが残っていて、それが次にも利用されているのです。

Card validator」にアクセスして、該当ページのURLを入力すれば、保存されている情報が更新されます。

私もやってみると、さっそく、新しいアイキャッチ画像に変わりましたよ。

シーア
シーア
助かりました!

画像サイズを小さくしよう

画像をそのままアップロードすると、サイトが重くなり、ブログの表示速度が遅くなります。

できるだけ容量の軽い画像にしてアップしましょう。

重くてなかなか表示されないサイトは、ユーザーも見たくなくなりますもんね。

JPEGmini

JPEGの場合は「JPEGmini」を使っています。

シーア
シーア
無料・登録不要です!

1枚ずつしかアップできないのが難点ですが、操作が分かりやすく、使いやすいです。

CompressPNG

私はあまりPNG画像を使わないのですが、PNGの方が容量が大きいしキレイなんですよね。

PNGの場合は「CompressPNG」があります。こちらも無料です。

参考|サルワカさんのサイト

これらの情報は、サルワカさんのサイトを参考にさせていただきました。

CanvaやUnsplashはこちらで初めて知り、使ってみました。

デザインのコツも勉強になります。

シーア
シーア
ありがとうございます!

関連記事

Googleアドセンスの審査が難しいと聞きますが、当ブログは申請から導入まで1日かからずスムーズに承認されました。

気をつけたポイントなどまとめています。

あわせて読みたい
アドセンス承認
Google AdSenseの導入に成功!スピード承認までの流れを公開こんにちは。シーアです。(@seer_1118) ブログをはじめて、1ヶ月と少しが経過した頃。開設当初から目標にしていた、Google...

過去記事、絶賛リライト中です。

主にタイトル、見出し、内容が古くなっていないかなどをチェックして修正しています。

これからアイキャッチ画像も変えたいな~。

あわせて読みたい
記事の更新日
【はてなブログ】簡単!過去記事のリライト時に、記事の更新日を表示するカスタマイズこんにちは。シーアです。(@seer_1118) ブログの過去記事のリライトと、更新日を表示させる方法についてです。 当ブログは、今...
【ブログで稼ぐ】アフィリエイトを始めよう
シーア
シーア
あなたのブログでも、アフィリエイトバナーを貼ってみませんか?

好きな商品やサービスを紹介する記事を書いて、そこから購入してくれた読者さんがいれば、あなたに報酬が支払われる…それがアフィリエイトです。

バリューコマースでは、yahooショッピングのアフィリエイトが利用できます。まず最初に登録をオススメします!

バリューコマースでお小遣いGET!

 

A8.netは、業界最大手のメジャーなASPです。取扱い案件が多いので、きっとあなたが使っている商品や、興味のあるサービスが見つかりますよ。

A8.netを覗いてみる

ライト
ライト
ブログを通じて、誰かの役に立つ情報を届けよう!

COMMENT

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