オンライン画像編集ツール『canva』でブログのアイキャッチ画像を作ってみる

ブログを書いて、「いざ公開!」としたときに、アイキャッチ画像の設定を忘れていて、あちゃ~となったことはありませんか?

私は、いままさにそうなっていて、画像がリンク切れ状態で表示されています(> <)

時間はかけたくないけど、ササッとおしゃれなアイキャッチ画像が作りたい…そんなときに、私はcanvaというオンライン画像編集ツールを使っています。

無料プランで使える範囲もかなり大きいので、ぜひ参考になさってください!

▼登録方法のご説明はこちら

あわせて読みたい
無料で使えるオンライン画像編集ツール『canva』の登録方法 ワードプレスでブログを書くときのアイキャッチ画像など、いい感じで作りたいけれど、どう作ればいいのか…と困ることはありませんか?今回は、私が普段利用しているオンラインで使える無料の画像編集ツール『canva』の登録方法について、ご案内しますね。
目次

canvaのウェブサイトを開く

下記ボタンより、canvaのウェブサイトを開きます。

canva.comを開く

テンプレートを選択する

ここではブログのアイキャッチ画像(サービスメニュー等の長方形のバナー画像としても使えます)を仮に作っていきます。

デザインのカテゴリーから『マーケティング』をクリックし、下にでてきた『ブログバナー』をクリックします。

すると、右側に制作用の真っ白のキャンバス、左側にテンプレートの一覧が表示されます。

テンプレート一覧をスクロールしながら、そのアイキャッチ画像を採用したいブログ記事のイメージにあったものを探してください。

全てを閲覧するのが大変だと感じた場合、上部の『テンプレートを検索』のボックスにキーワードをいれてエンターキーを押すと、そのキーワードにあったテンプレートを絞り込めます。

たとえば、このテンプレートを選択してみました。

選択したテンプレートをクリックすると、右のキャンバスにそのテンプレートがコピーされます。

これを編集していきましょう。

テンプレートを編集する

イラストはイメージ通りでも、サンプルのテキストがそのままでは使えないため、文章を変更します。

テキストの箇所をダブルクリックすると、編集可能な状態になります。

この文字を、先ほどアイキャッチが設定できていなかったブログのタイトルに修正してみました。

しかし、この状態だと、文字の大きさが大きすぎてはみ出ていますし、フォントももうちょっと柔らかいイメージしたいです。

文字全体を選択した状態で、上部メニューの『フォントサイズ』をクリックすると、文字の大きさが調整できます。

また、画像上部のフォント名をクリックすると、左側メニューにフォント一覧が表示されるので、そこから選択ができます。

また、一番左のメニューも活用でき、『アップロード』は手持ちの画像をアップロードして取り込めたり、『写真』はcanvaが提供している様々な写真が選べたり、『素材』は四角形やイラストなど様々な素材が選べたり、『テキスト』は文字が追加できたり…など、あります。

実際にいろいろと触ってみて、できることを確認してみてください。

なお、上図のように、ひとつずつ前の状態に戻るボタンがあるので、やってみて違ったと思ったら、ボタンを押して戻せます。

作成した画像をダウンロードする

画像が完成したらダウンロードします。

右上の『ダウンロード』ボタンをクリックすると、ダウンロードのメニューがプルダウンします。

ファイルの種類は、PNGが推奨として初期設定されていると思いますが、ブログのアイキャッチ画像としては画像サイズをなるべく抑えたいです。

なので、JPGに変更してから、下の紫の『ダウンロード』ボタンを押すことをお勧めします。

MEMO
なお、この『ブログバナー』テンプレートのサイズは2240×1260pxで、けっこう大きいです。

もし、ダウンロードした画像の容量が大きい場合、ブログのアイキャッチとしては3分の1くらいの大きさにリサイズして、容量を減らしても大丈夫です。

できれば、アイキャッチ画像の容量は100KB未満に抑えるのが理想です。

 

まり子

まり子に直接聞きたいと思ってくださった方、一緒に作業したいと思ってくださった方
オンラインコミュニティでは、質問しながら一緒に作業できます
よかったら、ご参加くださいね!

オンラインコミュニティのご案内はこちら

フリーランス・ひとり起業の女性のためのオンラインコミュニティTAG
SHARE PLEASE!
フリーランス・ひとり起業の女性のお役立ち情報をお届けするメールマガジン
Web集客できるようになる!7つのチェックポイントガイドブック

フリーランス・ひとり起業のお役立ち情報をメルマガでお届けしています。
また、メルマガにご登録いただいた方には、

  1. Web集客できるホームページになる7つのチェックポイントガイドブック
  2. ペルソナ設定シート
  3. ブログライティングシート

がダウンロードできるURLもご案内しています。
ぜひ、ご登録ください!

この記事を書いた人

まり子のアバター まり子 デジタルマーケティングコーチ

スタートアップ期・成長期のフリーランス・ひとり起業の女性のデジタル集客の専門家。
ウェブサイトやSNSの立ち上げ、運用・活用方法やひとりならではの孤独感の解消・情報収集のサポートをコーチングも活用して提供中。
また、子育て中の女性の生き方・働き方についてコーチングも行っている。

目次