# SNS告知画像で文字を読みやすく配置する方法

URL: https://soranoru.com/blog/sns-image-text-layout

SNS告知画像で見出し、日時、価格、CTAを読みやすくするために、情報量、余白、背景、文字サイズ、投稿本文との役割分担を整理します。

SNS告知画像は、すべての情報を一枚へ入れる必要はありません。画像はスクロール中に内容へ気づいてもらう役割、投稿本文は条件や詳細を説明する役割、と分けると読みやすくなります。

## 画像内で最も伝えたい一文を決める

イベント名、新商品、予約開始など、最初に読んでほしい内容を一つ選びます。見出しが二つ以上あると、文字を大きくしても視線が分散します。

店名やロゴは必要な大きさにとどめ、主な告知より目立たせないようにします。

## 詳細情報は優先順位をつける

日時、場所、価格、申込方法のうち、画像を見た時点で必要なものを選びます。細かな注意事項や長い住所は投稿本文やリンク先へ分けます。

日付や価格を画像に入れる場合は、公開後に変更がないか確認します。修正が多い企画では、画像内の情報を減らす方が運用しやすくなります。

## 余白を先に確保する

写真の空いている場所へ文字を載せるのではなく、生成や撮影の段階で文字用の余白を考えます。人物の顔、商品、料理の上に文字を重ねないようにします。

端に近い文字は、アプリの表示やトリミングで切れることがあります。重要な情報は中央寄りの安全な範囲へ置きます。

## 背景との明暗差を見る

白文字には暗く落ち着いた背景、黒文字には明るい背景が基本です。写真の上へ半透明の帯を置く方法もあります。縁取りや影を強くしすぎると、かえって読みにくくなります。

## フォントは二種類までにする

見出しと詳細で太さを変えるだけでも区別できます。装飾書体を多く使うと、店の雰囲気より文字の違いが目立ちます。小さく表示される前提で、細すぎる書体は避けます。

## スマホの実寸で確認する

編集画面を拡大したまま判断せず、投稿一覧で表示される大きさまで縮めます。見出し、日時、主役の写真が読めるか確認します。複数枚投稿なら、一枚目だけで続きを見たいと思えるかも見ます。

## 投稿本文とリンク先へつなぐ

画像に「詳しくは本文へ」と書くだけでなく、本文の最初に重要情報を再掲します。予約や購入が必要なら、リンク先のページでも同じ企画名と写真を使います。

[SNS画像生成で指定すること](/answers/sns-image-generation)を基準に、画像と本文の役割を分けてから[画像生成](/create/image)へ進むと、文字を詰め込まずに済みます。