無料でブログのサムネイルを作る
記事の内容を短い見出しにし、自分の画像と組み合わせて作ります。画像の寸法は、使っているブログのテーマや掲載場所に合わせて決めてください。
記事の内容と、画像に入れる見出しを決める
長い記事タイトルをそのまま全部入れると、小さな一覧画像では読みにくくなります。画像には伝えたい内容を短く載せ、詳しい条件は記事タイトルや本文で補ってください。
例えば「週末に近所を歩いて見つけた、休憩できる場所の記録」という記事なら、画像の見出しを「週末の散歩メモ」にする方法があります。これは見出しを考えるための例です。
写真は自分で撮ったものなど、使えることを確認した画像を用意します。
ブログの表示場所に合わせて寸法を決める
テーマの推奨サイズと、記事一覧での切り抜かれ方を確認してください。同じ画像を記事の先頭にも使うなら、両方の表示場所で確かめます。
大事な文字や顔が端に寄っていると、表示場所によって欠けることがあります。中央寄りに置き、端には余白を残してください。
候補の無料範囲と書き出し条件を確認する
通常の個人向け無料プランを対象にしています。テンプレートや素材を選ぶときは無料・有料の表示を確認し、必要な形式で書き出せるかを先に確かめてください。
Canva
説明の確認日：
無料テンプレート・無料素材と自分の画像を使って編集できます。Pro素材を使う場合は、書き出しの条件が変わります。 プラン比較（新しいタブ）・SNSテンプレート（新しいタブ）
無料素材を使った作品を通常のPNG・JPG・PDFなどで出力できます。Pro素材の透かし除去には購入または有料プランが必要です。 保存・書き出し（新しいタブ）・出力形式の条件（新しいタブ）
Canvaの詳しい条件Adobe Express
説明の確認日：
Freeのテンプレート・素材と、標準的な写真・動画・文書編集ツールを使えます。Premium表示のある素材・機能は無料範囲と区別してください。 無料プランの範囲（新しいタブ）
SNS画像はJPEG・PNG・PDFなどで出力できます。有料素材入りの作品は、無料で保存・編集できても書き出しに有料プランが必要な場合があります。 SNS画像の作成・出力（新しいタブ）・有料素材の出力条件（新しいタブ）
Adobe Expressの詳しい条件VistaCreate
説明の確認日：
無料Starterでは、無料テンプレートや自分の写真を使った作成と基本的な編集ができます。追加素材の利用条件は個別に確認してください。 無料Starterの範囲（新しいタブ）・無料SNSテンプレート（新しいタブ）
無料テンプレートのダウンロードとJPG・PNG・PDFなどの出力が案内されています。追加素材（Creative Assets）には有料プランが必要な案内もあるため、素材と出力設定のプラン表示を確認してください。 無料SNSテンプレート（新しいタブ）・無料Starterの範囲（新しいタブ）・追加素材の出力条件（新しいタブ）
VistaCreateの詳しい条件文字と写真を配置し、小さく表示して読む
文字を置く場所を決めてから、写真の位置を調整してください。文字が背景に埋もれて読みにくい場合は、文字を置く部分を単色にする方法もあります。
編集画面だけで判断せず、記事一覧に近い大きさまで縮めて見出しを読んでみてください。読みにくければ、文字を減らすか配置を調整します。
書き出して、記事一覧とスマホで確認する
ブログで使えるPNGやJPGなどの形式で書き出し、画像を設定してプレビューを開いてください。
- 記事一覧と記事の先頭で、見出しや写真が欠けていないか。
- スマホの表示でも、見出しを読めるか。
- 画像の内容が記事タイトル・本文と合っているか。
直したい箇所があれば元のデザインを編集して、画像を差し替えます。後から直せるよう、編集用のデザインも保存しておいてください。
関連するガイド
- 無料でSNS画像を作るときの選び方
画像と文章の準備から、無料素材とPNGの書き出し条件を確認します。