【Canvaの使い方】ブログアイキャッチ画像の作り方→画像編集の基礎とコツを抑えよう

 

「アイキャッチ画像って、みんなどうやって作ってるの？」

 

「ブログ画像の載せ方で色々とモヤモヤしています・・」

 

この記事は、そんな方に向けて「アイキャッチ画像の作り方」をまとめた記事です。

 

 

初めての方でも、かなりいい感じに仕上げられる方法論をまとめました。

画像をうまく駆使して、早い段階で収益化できるブログに育てましょう！

 

 

 

アイキャッチ画像の作り方を初心者でも分かりやすく解説

 

アイキャッチの画像は、やり方さえ知っていればとても簡単に作れます。

 

作り方は以下の3ステップだけ。

 

 

順に説明しますね。

 

【ステップ1】画像編集ソフトを用意する

 

まずは無料版の「Canva」を用意しましょう。

 

Canva無料版の特徴は、

 

 

と、初心者にやさしいのが注目点。

テンプレートは42万点。

200万近くの画像、1,000種類以上のフォントが用意されています。

 

 

👉「Canva」7500万点の素材が無料

使い方を詳しく後述しますね。

 

【ステップ2】素材となる画像を用意する

 

ステップ2は、イラストや写真など、記事のテーマにそった背景画像を用意します。

 

背景画像の選び方のポイントは、

 

 

いずれも、クリック率を高めるための重要な基準。

画像選択は時間をかけて慎重に行うのがおすすめです。

 

👉無料の画像サイトをまとめた記事はこちら

 

【ステップ3】内容を表すテキストを入れる

 

ステップ3では、画像に表示させるテキストを考えます。

 

 

 　　

 

このように、「究極の要約」で記事の内容を「瞬時に」伝えましょう。

 

※ここは、実は収益化に大きく影響する重要ポイント！後半でコツを詳しく深掘りしますね。

 

 

Canvaの使い方

 

実際のCanvaの画面を見ながら解説していきます。

 

「Canva」のトップ画面

 

Canvaのトップ画面の左側メニューから、

1. テンプレート
2. マーケティング
3. ロゴ

と進んで、以下の画面に遷移します。

 

 

ここからスタート。

膨大な量の「ロゴ」のテンプレートが選択可能です。

 

【ステップ1】編集画面を表示

 

好みのテンプレを選択したら、以下の編集画面に遷移します。

 

 

この「編集画面」で自分好みのカスタマイズを行います。

 

【ステップ2】テキストを編集

 

各種のメニューを使って、表示したいテキストをデザインします。

 

 

この段階で、もうデザインは終了です。

 

【ステップ3】ダウンロード

 

右上の「共有」ボタンをクリックすればファイルをダウンロードできます。

 

 

ファイル形式を「PNG」にするか「JPEG」にするかは、重要ポイントです。

この後、詳しく説明しますね。

 

アイキャッチ画像の完成

 

これでアイキャッチ画像が完成しました。

 

 

わずか3ステップ。

2〜3分で終了です。

 

以上がCanvaを使ったアイキャッチ画像の作り方です。作るだけなら簡単ですね。

次は「収益化」との関係を説明します。

 

収益化のポイント

 

ここからは、収益化に向けて一歩踏み込んだポイントを紹介していきます。

 

収益化でおさえておきたいコツがこちらです。

 

 

詳しく見ていきましょう。

 

画像作成時のコツ

 

まず、画像の「サイズ」や「ファイル形式」の基本をおさえておく必要があります。

 

基本は3つあります。

 

 

「JPG」と「PNG」の違いも解説しますね。

 

ページのサイズは「1.6mb以下」

 

🔗Google Develpers

 

これよりサイズが大きくなると、検索順位の下落に影響します。

 

理由は、サイトの読み込み速度が遅くなるからですね。

 

早い読み込み速度は「神である」

とまで公言しているのがGoogle先生。

 

実際、

 

 

という🔗データまで出しています(5秒かかると90％が離脱)。

 

ページサイズの平均値は「2.3mb」

 

ところが、一般的にWeb上の記事の平均サイズは、実は「2.3mb」。

 

ページサイズについては、皆さん意外と意識が薄いのかもしれません。

 

ということは、

 

 

「ハッ」とした人は、今すぐ「Gt Mtrix」などを使って、自分のサイトのサイズを診断しておきましょう。

 

🔗Gt Metrix

🔗PageSpeed Insightsも定番です。

 

そしてページサイズに大きく影響するのが、まさに画像のサイズ。

画像の操り方は、ブログ運営の基本です。

 

画像のサイズは「50kb〜70kb」

 

 

 

そうすると「1.6mb以下」のサイト、という基準が現実的なものになります。

※1mb＝1,000kb

※最後におすすめの画像圧縮方法を紹介します。

 

ちなみに「写真」はファイルサイズが大きくなりがちです。

一方「イラスト」は容量が軽いのが一般的。

 

上位表示の個人ブロガーは、写真よりもイラストを使っているケースが多いですね。

 

理由はもちろん、

「早い読み込み速度は『神である』」

への対策です。

 

画像選びの裏技

 

さらに裏ワザがあります。

 

それが、

 

 

フラットデザインなら、容量を気にすることなく画像を使い倒せます。

 

※画像素材サイトで検索する時に「検索ワード」＋「フラットデザイン」とすれば見つけられますよ。

 

ファイル形式は「JPGかPNG」

 

みなさんお馴染みの「JPG」や「PNG」ファイル。

この二つは定番なので、使用頻度が高く、汎用性も高いので、

 

 

SNSやYou Tubeなどに埋め込んだ時なども、「JPG」か「PNG」なら問題なく表示されます。

 

ただし、両者の違いを適切に理解しつつ進める必要があります。

 

「JPG」と「PNG」の違い

 

「JPG」と「PNG」は、用途によって使い分けるのがおすすめです。

その時におさえておきたい主な特徴は次のとおり。

 

 

 

 

初心者なら、

 

 

と覚えておけば問題ないでしょう。

 

以上が画像の作成時に知っておきたいコツです。

 

 

続いて、テキスト挿入時のコツを見ていきましょう。

 

テキスト挿入時のコツ

 

次は、画像にテキストを入れるときの重要なコツを紹介します。

 

 

• 大きいフォントサイズで、
• 背景色と同化しないように、
• 最大3色、できれば2色で、

このように工夫するとよいでしょう。

 

本気で差別化を求めるなら、「色相」を整えることがおすすめです。

カラーコーディネートにはロジックがあり、全体の印象が一気にプロ仕様になります。

 

 

 

 

割と簡単なので、関心があれば是非トライしてみましょう。

 

👉RGBやHSLを理解しよう【カラーコーデ】

👉手軽に配色パターンSchemeColor

 

続いて、アクセス増につながるコツです。

 

アクセス増につなげるコツ

 

アクセス増を視野に入れた場合、以下の3点を押さえてデザインするのがポイントです。

 

 

一覧表示の状況をイメージ

 

トップブロガーさんのアイキャッチ画像は、あたかもビュッフェテーブルのように陳列されています。

「どれからクリックしようか」と、それぞれが「浮き出るように」存在をアピールしてきます。

このように、アイキャッチは個別にデザインするのではなく、一覧表示された時の光景をイメージしながら作成しましょう。

 

キーワードを端的に表現

 

一覧表示された時は、アイキャッチと共に記事タイトルも隣接して表示されます。

ここでのポイントは、ユーザーは、まずはアイキャッチを「流し見」するという点。

 

「流し見」される中で、

• 記事タイトルを「究極に要約」し、
• 「読者の求める情報」をひきつけ、
• 隣の記事タイトルに視点を橋渡し

 

 

結果、PV増につながりますよ。

 

PCとスマホ両方でイメージ

 

PCでブログを作成している人でも、スマホ表示をターゲットに作成しましょう。

 

ブログ訪問者の7割以上はスマホです。

 

 

アクセス増のためにも、アイキャッチはスマホ表示に7割の比重を置くのがスタンダードです。

 

※スマホ表示はChromeの「検証機能」を使えば、PC上でも簡単に確認できますよ。

 

 

👉PC上でスマホ表示する方法

 

ところで、アイキャッチって必ず必要なんでしょうか？

 

 

アイキャッチを作成する目的

 

ブログは、アイキャッチがなくても投稿できますね。

とはいえ、アイキャッチを作成するかしないかで何が違ってくるのかを理解しておきましょう。

 

アイキャッチを作成する目的がこちらです。

 

 

どれも重要です。

 

「内部回遊率」を上げる

 

アイキャッチで、他の関連記事を魅力的に見せることができると、

 

 

と思ってもらえる効果を生み出せます。

 

1回の訪問で複数の記事をクリックしてもらって、記事の内部回遊率が高まれば、

 

 

アイキャッチ次第で、検索エンジンで上位表示を狙えるので、結果、収益増につながります。

 

「検索意図」に応える

 

ユーザーが検索するときには「検索意図」が存在します。

 

ところがその「検索意図」に、単体の記事で一発ストライクに応えるのは一筋縄ではいかないものです。

 

そこで、

 

ここが不十分だと、

再検索➜他人のブログに移動、

となってしまいます。

 

「滞在時間」が長くなる

 

• 内部回遊率を上げる
• 他の記事で検索意図を満たす

トップブロガーは、この好循環で、結果、ブログ読者の「滞在時間」を獲得しています。

 

 

このように、目を引くアイキャッチは、SEO的にも重要なコンテンツとして位置付けられます。

※「SEO」＝検索エンジンで上位表示を狙うための手法のこと

 

「ブランディング」できる

 

統一感があるアイキャッチが定着すると、ブログを「絵的に」覚えてもらうことができます。

ここは、いわゆるブランディング対策ですね。

アイキャッチによって、ブログのアイデンティティを確立することができます。

 

「画像検索」でインデックス

 

アイキャッチは「画像検索」でインデックスされることがあります。

画像による検索表示で、思わぬ上位表示なんてことも結構あります。

初心者は是非おさえておきたいポイントです。

 

画像検索の対応としては、

 

 

WordPressなら👇ここのことですね。

 

 

さらに、アイキャッチは「Pintarest」で拡散できる可能性もありますね。

 

以上がアイキャッチを作成する目的です。

重要なので、もう一度ポイントを挙げておきますね。

 

 

 

最後に、アイキャッチ画像に使えるその他のメジャーなソフトを紹介します。

 

無料でおすすめの画像圧縮ソフト

 

👑「compressor」

 

一番のおすすめは「compressor」です。

 

 

リニューアルされて、今では圧倒的に「使える」画像圧縮ツールになりました。

おせじ抜きで、高品質のまま画像サイズを小さくしてくれます。

 

🔗compressor

 

👑「Squoosh」

 

二つ目は、Google推奨の「Squoosh」

 

「Squoosh」の特徴は、

 

 

この1点に尽きます。

 

どんな高品質なツールでも得られない

「Googleブランドのお墨付き」

その「信頼性」が「Squoosh」を使う最大のメリットです。

 

🔗Squoosh

 

無料でおすすめ画像編集ソフト

 

この記事で紹介したCanvaを含め、その他の鉄板の画像編集ソフトを紹介します。

 

 

👑「Canva」

 

この記事で一押しの無料ソフトです。

テンプレートの量が膨大で、合計200万点以上の画像、1,000種類以上のフォントが圧倒的。

無料ソフトのデメリットは、他のブロガーと同じ画像でカブる可能性があることです。

ですが、Canvaはテンプレの量が膨大なので、そのリスクも極少なのが、さらにおすすめな点です。

 

👉「Canva」7500万点の素材が無料

👑「FotoJet」

 

「FotoJet」も超メジャー級の無料ツールです。

Canvaにない特徴は、登録不要な点。

アカウント登録という心理的な警戒心なく使える点が魅力です。

全体的におしゃれ路線。

クールな雰囲気を求める方はFotoJetはおすすめです。

 

🔗FotoJet

 

👑「Photoscape X」

 

「Photoscape X」はPCにインストールして使用するタイプです。

ネット環境に左右されない点は、人によっては選択の決定打になるでしょう。

 

🔗Photoscape-X

 

無料でおすすめの画像素材サイト

 

画像の仕入先はたくさんありますが、ここでは、無料でおすすめのサイトを紹介します。

 

👑「SVG PORN」

 

「SVG PORN」は、ロゴの無料専門サイトです。

ロゴなのに、商用利用可能なフリーサイト。

 

　　　　

 

数多くの場面で活用できます。

 

🔗SVG PORN

 

👑「ICOON MONO」

 

「ICOON MONO」は、親しみやすいアイコンばかり集めた無料サイトです。

 

　　　　

 

アイキャッチに使えることはもちろん、記事本文中でも使い所が多く、とても重宝できる素材サイトです。

 

🔗ICOON MONO

 

その他、アイソメトリック系やキャラクター系や女子系など、人気のフリー素材サイトを集めた記事はこちら

 

👉トップブロガーが使っている無料素材サイト

 

※アイソメトリックって、👇このテイストのイラストのことですね。

 

おすすめ有料ソフト

 

クオリティが高過ぎることが、かえって初心者の壁になるのが有料ソフトのネックです。

 

具体的には、

 

 

といった感じ。

 

それでも、「壁が高いのは最初は誰でも同じ！」という上昇志向の方は、有料ソフトを使ってスキルを高めていくのもありです。

使いこなせれば他のブログとカブることもなくなり、差別化で優位に立てるでしょう。

プロのクリエイターに圧倒的な支持を得ているのが「Adobe Photoshop」ですね。

 

Adobe Photoshopは、

 

 

といった感じですが、個人ブロガーでも本気度が高ければ使いこなせます。

表現の自由度が圧倒的なので、独自のセンスが存分に出せます。

契約プランが多種多様ですが、月額5,000円くらいから始められます。

 

 

クリエイターに依頼（有料）

 

最後に究極の画像作成方法を紹介します。

 

👑「ココナラ」

 

個人でも手軽に画像作成をクリエイターに依頼することができます。

 

 

似顔絵、オリジナルキャラクター、独自ブランドアイコンなどは、大体ここで作成しているブロガーが多いです。

3,000円くらいからプロに作ってもらえます。

 

👉ココナラ

 

👑「クラウドワークス」

 

「クラウドワークス」は、デザイナーさんとのマッチングサイトのようなものです。

「クラウドワークス」を通して画像編集の希望を募り、コンペの結果で発注する仕組み。

コスト的には10,000円くらいから可能です。

 

👉クラウドワークス

 

以上です！

 

 

その他の、ノウハウ系の記事で、おすすめはこちら。

 

👉トップブロガーのライティング術を初心者向けノウハウに変換してみた

👉検索順位の調べ方をを無料ツールだけで紹介！

 

この記事の中で紹介したリンク先は以下の通り。

 

この記事で紹介したリンク

 

 

 

プロフィール

3年目に入った当ブログ成績は月間5万PV。

このレベルだと「Googleアドセンス」なら1万円の収入です。

そして「Amazon」「楽天」「Yahoo!」の商品レビュー記事で月2〜5万円ほど。月間250件ほどの申込みが入ってそれくらいです。

あと、月「10〜20件」程度のアフィリエイトが発生して5〜10万円。単価が高いココが伸びれば、月50万とかいくんだと思います。

　

収益が出始めて半年ほど経ち、累計80万円ほどが口座に振り込まれています。

PCかスマホがあれば、最低限ここまではいけます。

リスクはゼロで「増える可能性しかない」アフィリエイトは気楽な副業に関心がある人におすすめ。

 

 

※「全く」稼げなくて悩んでいる人も参考になると思います。