ブログ運営

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

    今回は、ブログにはかかせない「おしゃれなアイキャッチ画像を簡単に作る方法」をご紹介します!

     

     

    アイキャッチ画像といえば、こんな風に背景を透かして文字を入れたり。

     

    カラーの背景で文字がくっきり目立つアイキャッチにしたり。

     

    これであなたも「おしゃれなアイキャッチ画像」を作っちゃいましょう!

    おしゃれなアイキャッチ画像を簡単に作る手順

    それでは、さっそくアイキャッチ画像を作る方法をご紹介します。

     

    手順は3つ

    1. Web上で画像作成できるサイト「Canva」に登録する
    2. 画像を作る
    3. 画像を圧縮する

     

    画像作成サイトCanvaに登録

    まずは「Web上でアイキャッチ画像を作ることができるサイト」Canvaへ。

     

    無料なのでサクッと登録しちゃいましょう。

    有名なサイトで、使っているブロガーも多いです。

     

     

    画像の作り方

    Canvaに登録できたらいよいよ「画像の作り方」です。

     

    手順は4つ

    1. サイズを決める
    2. 背景を決める
    3. 文字を入れる
    4. ダウンロードする
    5. 画像の名前を変更する

     

    サイズを決める

    ①Canvaにログイン「デザインを作成」

    「カスタムサイズ」

     

     

    ・サイズを入力し「デザインを作成」

     

     

     

    ・テーマによって最適なサイズが決まっています。

    ・JINの場合「760☓428px」が最適サイズです。

    ・自分のテーマに合うサイズを調べてみましょう。

     

    背景を決める

    1.背景に写真を設定したい場合

    ①「写真」をクリック

    ②記事に合う画像を探す

    ※入力して検索できる

     

    ①画像を画面いっぱいになるように引き伸ばす

    ②写真を透明にする

    ※透明にしないと文字が目立たない

    2.写真ではなく、背景色で塗りつぶす場合

    ①「白いキャンバス部分」をクリック

    ②カラーパレットのマークをクリック

    ③好きな色を選ぶ

     

    文字を入れる

    ①「テキスト」をクリック

    ②「本文を追加」をクリック

    ③文字を入れる

    ④フォントや文字サイズを変える

     

    見づらくなるので、1つの画像にいろんな種類のフォントを入れるのはNG。

     

     

    ダウンロードする

    ①「ダウンロードアイコン」をクリック

    ②「JPG」に変更する

    ③「ダウンロード」をクリック

     

    画像の名前を変更する

    画像をダウンロードしたら必ず「名前を変更」しましょう。

     

    例えば「この記事の画像を別の記事でも使いたい」って時に、名前で検索ができて便利だからです。

     

    名前のつけ方にルールを決めておけば検索がラクです。

    僕はこのルールです。

     

    アイキャッチ画像の場合

    「パーマリンク名_ic」

    ※icはアイキャッチの略です。

     

     

    記事内で使う画像の場合

    「パーマリンク名_a」

    ※記事に挿入した順に、a,b,cと1つずつ変えていきます。

     

     

    こうしておけば、WordPressのメディア内で名前検索できるのでやっておきましょう!

     

    画像の圧縮をする

    ダウンロードして名前をつけたら画像を圧縮しましょう。

     

    圧縮すれば、サイトの動きも軽くなりますので必ずやっておきましょう!

     

    画質もそんなに悪くならないので安心です。

     

    Macの場合で説明します。

     

     

    画像の圧縮方法

    ①画像をクリックする

    ②自動で「プレビュー」アプリが起動する

    「ツール」タブをクリック

    「サイズ調整」をクリック

    ⑤幅を400pxくらいにする

    これで、容量を大幅に削減できます。

     

     

    さらに、画像の圧縮アプリを使えばさらに圧縮できます。

    おすすめの画像圧縮アプリ

    圧縮にはこのアプリがおすすめです。

    ImageOptim — 画像圧縮フリーソフト

     

    Macのみの対応ですが、

    1. ドラッグアンドドロップで簡単に操作できる
    2. jpgとpngのどちらにも対応している

    ので使いやすいです。

     

     

    あとは、画像をWordPressにアップロードすればいいだけです。

     

    これで、

    おしゃれで、見やすくて、サイトも重くならないアイキャッチ画像ができました!!

     

    お疲れさまでした〜