【100日後に儲かるブログ】タイトル画面(アイキャッチ)の作成【8日目】

タイトル画像・アイキャッチの作成ブログを始める20日間

海外のレストランに行くとメニューが文字ばっかりです。写真付きメニューに慣れた日本人にとっては「文字だけメニュー」は何が届くかわからない恐怖との戦いです。

へーさく
へーさく

イタリア旅行に言った時に「バナナスプリット」って言うの頼んだんだけど

ふにゃ
ふにゃ

美味しそうな名前だね

へーさく
へーさく

バナナに花火が刺さってた

ふにゃ
ふにゃ

ひとり誕生日?ケラケラ

話が脱線しましたが、今回はタイトル画像(アイキャッチ画像)の作成です。

タイトル画像(アイキャッチ)について

冒頭の例にもあるように、文字だけのシンプルなブログは何が書いてあるかわかりにくく、サイトを訪れる人にあまり親切ではありません。

サイトを訪れた人や、サイトの記事をツイッター等に貼り付けた時に、ぱっと何の記事かわかる目を引く画像を作ることが重要です。

以下にいくつか知っておいたほうが良い情報を載せます。

画像サイズ

WordPressでCocoonを使用している場合は「 1200 x 675 」のサイズで作ると、文字が切れることもなく、Twitter等に貼り付けても綺麗に表示されます。この数字が基本になるので覚えておきましょう。

フォーマット

将来的にはWebPというのが良いようなのですが、まだ一般的ではないので「jpeg」にしましょう

位置情報に注意

スマホで撮った写真には位置情報が付いていることがあります。一番簡単に外す方法はWindowsの場合「ペイント」を使ってフォーマットを一旦pngにしてからjpegに戻す方法。Macの場合はphotoビューワーで消せます。

画像作成方法1: Canva

ブロガーの間では超有名なサービスになります。PCでブラウザで操作するものと、スマホアプリと両方用意されています。無料でも十分使えます。

PC版Canva

ブラウザで Canvaにアクセスして使います。

Attention Required! | Cloudflare

左側のログインから好きな方法(Google, Facebook, メールアドレス)でログインします。

Canvaログイン

左のメインメニューから「デザインを作成」をクリックし「カスタムサイズ」を選びます。

Canvaメインメニュー

サイズを「 1200 x 675 」にしておしゃれなデザインを作りましょう。
左のメニューから文字やイラストを選んだり、手持ちの写真をアップロードしたりできます。

出来上がったら右上の「ダウンロード」から出来上がった画像をダウンロードします。

スマホ版Canva

スマホ版のCanvaも基本的に同様の使い方ですのでアプリ検索してインストールして使ってみて下さい。

画像作成方法2: PowerPoint(プレゼンアプリ)

プレゼンテーション作成用のアプリケーション(Windows: Microsoft PowerPoint, Apple: Keynote)がある場合はこれらもタイトル画像作成に使うことができます。

このブログのタイトル画像(アイキャッチ)はパワポで作っています。理由は「オフラインで作れるから」。通信環境が無くてもタイトルくらい作りたいですよね。

その他便利ツール

便利なツールやサービスを紹介します。

スマホとPC間での画像共有

スマホで写真撮って加工して。。。その後PCでブログ書く時にどうやってスマホの写真をPCに渡してますか?

僕はいろいろな方法(Dropboxとか、メールとか)を試しましたが、今はAmazonPhotoを使う方法で落ち着きました。

Amazon Photos
Amazon PhotosはPrime会員に無料のオンラインストレージを提供し、デスクトップ、モバイル、タブレットに無制限の写真を保存して共有することができます。

Amazon PhotoはAmazon Primeに入っている人は容量無制限で使える写真ストレージです。

スマホ側にアプリを入れておくと、自動的に撮った写真をAmazon Photoに上げてくれるので、ブログ書いていて写真をつかいたくなったらPCでAmazon Photoにアクセスして自動アップロードされた写真をダウンロードして使うだけです。超便利!

Amazonプライムって翌日配送やプライムビデオのイメージですがこんなところでもお得だったりするんですよね。もっと宣伝すればいいのに。

画像圧縮(online image optimizer)

jpeg画像とかって実は圧縮のやりかたでもっと小さくなったりするんです。
この「 online image optimizer」サイトは写真をアップロードすると画像の品質を落とさずに再圧縮してくれます。半分のサイズになったりするのは驚きです。

Online Image Сompressor
Optimizilla is the ultimate image optimizer to compress your images in JPEG and PNG formats to the minimum possible size.

画像サイズはサイトのスピードにも影響するので、大きな写真はこのサイトで圧縮しちゃいましょう。

ふにゃ
ふにゃ

ツールだけじゃなくてデザインセンスもね!

コメント

タイトルとURLをコピーしました