IT

アイキャッチ画像の作成方法

ブログ(Wordpress)のアイキャッチ画像って、どうやって作るのか悩みませんか?
今回は、私の簡単アイキャッチ画像作成方法を記載してみます。

目次
  • ワードプレスに、プラグインEWWW Image Optimizer インストール
  • Canvaサイトを使用し、アイキャッチ画像作成
  • Tinypngサイトで画像を圧縮し、サイズ縮小
  • 画像をアップロードし、ブログにアイキャッチ画像を設定

プラグイン wwwoptimizer をインストール

まず、ワードプレスにプラグイン EWWW Image Optimizer をインストールします。wwwoptimizerは、ワードプレスの画像を自動で圧縮してくれるソフトです。

Canvaサイトでアイキャッチ画像を作成

Canvaサイトは、画像が編集できるサイトです。無料版、有料版があり、有料にすると、使えるサンプル画像が大幅に追加されます。私は今のところ、無料版で満足しているのですが、もっとオシャレな画像が欲しいという方は、有料版をおすすめします。
アイキャッチ画像のサイズは、カスタムサイズで、760x428pxを指定します。
Canvaサイトで画像を作成後、ローカル(自分のPC)にダウンロードします。PNG、JPGで選択し、保存できます。私は、ダウンロードする際の画像の種類は、PNGで保存しています。JPGでも保存できますが、私のPC作業環境の影響か、JPGだと画像が少し荒く、見た目が雑に見えてしまうので。

Tinypngサイトで画像を圧縮し、サイズ縮小

Tinypngサイトで、画像を圧縮&し、サイズを縮小。
縮小リサイズしたPNG画像を再度ローカル(自分のPC)に保存します。

画像をサーバにアップロードし、アイキャッチ画像をブログに設定

WordPressの管理サイトから、メディアを選択、画像をアップロードします。そして、投稿一覧から対象投稿のアイキャッチ画像を設定します。