写真に一言添えるだけで、伝わり方は大きく変わります。しかし実際にやってみると、文字が背景に溶けて読めないという壁にぶつかります。
この記事では、写真の上でも文字を読ませるための基本を整理します。デザインの心得がなくても、押さえる点は多くありません。
INFO
結論： 読みにくさの原因はほぼコントラスト不足です。フチ取り・帯・置き場所の3つで解決できます。
1. なぜ写真の上の文字は読みにくいのか
紙の上と違い、写真は場所によって明るさが変わります。
白い文字を置いたとき、暗い部分ではよく見えても、明るい雲や光が当たった壁の上では完全に消えてしまいます。画像全体で一定の明度差を保てないのが根本原因です。
対策は3つあります。
| 手法 | 効果 | 向いている場面 |
|---|---|---|
| フチ取り | 文字の輪郭に反対色の縁を付ける | 背景が複雑な写真 |
| 帯を敷く | 文字の下に半透明の長方形を置く | 文章が長いとき |
| 置き場所を選ぶ | 明度が均一な場所に置く | 余白のある写真 |
いちばん手軽で効果が高いのはフチ取りです。
2. フチ取りの適切な太さ
フチは太ければ良いというものではありません。
- 細すぎる（文字サイズの2%以下）→ 効果がない
- 適切（文字サイズの5〜8%）→ 背景を問わず読める
- 太すぎる（15%以上）→ 文字の形がつぶれ、素人っぽく見える
色は文字と反対の明度を選びます。白文字には黒フチ、黒文字には白フチが基本です。
TIP
迷ったら「白文字＋黒フチ」にしておけば、たいていの写真で読めます。最も失敗しにくい組み合わせです。
3. フォントの選び分け
日本語フォントは、大きく分けると次のような性格があります。
| 種類 | 印象 | 向いている用途 |
|---|---|---|
| ゴシック体（太） | 力強い・目立つ | 見出し、SNS投稿、告知 |
| ゴシック体（細） | 現代的・すっきり | 補足文、おしゃれな写真 |
| 明朝体 | 上品・落ち着き | 和風、飲食、季節の挨拶 |
| 丸ゴシック | やわらかい・親しみ | 子ども向け、案内表示 |
| 手書き風 | 温かい・個人的 | メッセージ、日記風 |
写真の上に載せるなら、太めのゴシック体が最も確実です。線が細いフォントは、どれだけフチを付けても読みにくさが残ります。
画像に文字入れツール
日本語フォントを選び、位置をドラッグしながら文字を配置できます。フチ取りの太さと色も調整できます。
4. 置き場所で9割決まる
技術的な処理より効くのが、そもそも文字を置く場所を選ぶことです。
向いている場所
- 空、海、壁などの平坦な面
- ピントが外れてぼけた背景
- 意図的に作った余白
避けたい場所
- 人物の顔の上
- 木の葉や群衆など、細かい模様が続く場所
- 明暗の境目
WARNING
画像の端ギリギリに文字を置くと、SNSのサムネイル表示で切れることがあります。上下左右に画像サイズの5%程度は余白を残してください。
5. 情報を詰め込みすぎない
つい書きすぎてしまいますが、写真の上で読ませられる文字数には限りがあります。
- SNSのサムネイル：10〜15文字
- 記事のアイキャッチ：20文字前後
- チラシの見出し：25文字程度
それ以上の情報は、キャプションや本文に回したほうが確実に読まれます。
6. 作業前に画像を整えておく
文字を入れる前に、サイズや切り抜きを済ませておくと二度手間になりません。
リサイズ・圧縮ツール
投稿先に合わせて横幅を整え、容量も軽くできます。文字入れの前に済ませておくと画質の劣化を防げます。
まとめ
- 読みにくさの原因はコントラスト不足
- フチ取りは文字サイズの5〜8%、白文字なら黒フチが基本
- 写真の上では太めのゴシック体が最も読みやすい
- 技術より置き場所選びのほうが効果が大きい
- 端に寄せすぎるとサムネイルで切れる。余白を残す
- 文字数は絞る。詰め込むほど読まれない
一度コツをつかめば、どんな写真でも数分で仕上げられるようになります。