Wordマニュアルの画像・図表配置のベストプラクティス

はじめに

Word文書に画像を入れると、次のような問題が起きがちです。

• 本文が1段落増えただけで図の位置がずれる
• 図番号を手で直す運用で改訂コストが増える
• トリミングしただけでは元画像領域がファイル内に残る
• 図と説明が別ページに分かれて読みにくい

この記事では、崩れにくく保守しやすい画像配置のルールを整理します。

1. まず結論

1. 既定は [行内] 配置にする。段落として扱うと改訂に強い
2. 画像は初出の直後に置く。本文と離さない
3. スクリーンショットは必要範囲だけ切り抜く。1枚に1メッセージ
4. 図番号と参照は自動化する。キャプション機能と相互参照を使う
5. 回り込みは例外運用。必要な時だけ使う
6. 配布前に代替テキストとアクセシビリティチェックを行う

2. ダメなパターンとベストプラクティス一覧

3. 画像配置の基本ルール

3.1 [行内] 配置が基本

[行内] の画像はテキストの一部として扱われます。本文が増減しても段落と一緒に動くため、改訂に強いです。

手順:

1. 画像を挿入する
2. [レイアウト オプション] から [行内] を選ぶ
3. 段落を中央揃えにする
4. 画像の直下にキャプションを入れる
5. 余白は段落間隔で作る（空行は使わない）

3.2 画像は初出の直後に置く

説明と図が離れていると、読者は視線を何度も往復させられます。

良い例:

[通知設定] を開き、右上の [配信条件] を選択します（図 3-2）。

[図 3-2: 通知設定画面]

配信条件では、メール通知の有効/無効を切り替えられます。

悪い例: 説明が2ページ前、図は章末にまとめられている

3.3 スクリーンショットの切り抜き方

• 1図1メッセージに絞る
• 見せたい操作対象（ボタンや入力欄）だけを切り抜く
• 画面全体の貼り付けは情報密度が下がるだけ
• トリミングしただけでは元データは削除されない。配布前に [図のトリミング部分を削除する] をオンにする（参考: 4, 5）

4. 図番号と参照の自動化

4.1 図番号の入れ方

1. 画像を選択
2. [参照] または [参考資料] から [キャプションの挿入] / [図表番号の挿入] を選ぶ（参考: 6, 7）
3. ラベルを「図」に設定
4. 文書に章番号があるなら、番号付けで章番号を含める（参考: 8）

4.2 本文からの参照の入れ方

1. 本文で「詳細は図 」と書いたところにカーソルを置く
2. [挿入] → [相互参照] を開く（参考: 9）
3. 参照の種類で「図」を選び、対象の図を選ぶ

メリット:

• 図の追加・削除時に番号が自動更新される
• 「上図」「下図」のようなページ位置に依存した表現を排除できる
• PDF化時のリンク切れも防げる

4.3 フィールド更新

配布前に Ctrl + A → F9 で全フィールドを一括更新する（参考: 10）。

5. 回り込み配置を使う場合

[四角形] や [上下] の回り込み配置は、以下の場合に限って使います。

• タイトルページの装飾図
• 余白寄せの小図やアイコン
• どうしても図と本文を左右に並べたい場合

使うときの注意:

• [ホーム] → [¶] で編集記号を表示し、アンカー位置を確認する
• [ファイル] → [オプション] → [表示] → [オブジェクト アンカー] をオンにする
• 必要に応じて [レイアウト オプション] → [詳細を表示] → [アンカーのロック] を使う（参考: 1, 2, 3）
• 使いすぎると保守が難しくなるので例外運用に徹する

6. 注釈図の作り方（2通り）

方法A（推奨）: 完成図を1枚の画像として挿入

• 吹き出しや矢印が多い場合
• before/after比較図
• 他の編集者が触っても壊れにくい

方法B: Word内で組み立てる

1. 画像を浮動配置（行内以外）に変更
2. 矢印、吹き出し、テキストボックスを追加
3. すべてのオブジェクトを選択して [グループ化]（参考: 16, 17）
4. 最後にキャプションを追加

重要: グループ化するには、各オブジェクトが行内以外である必要があります（参考: 17）。

7. 配布前の品質チェック

7.1 容量管理

1. 画像を選択 → [図の形式] → [画像の圧縮]
2. [図のトリミング部分を削除する] をオン
3. 出力解像度を用途に応じて設定（参考: 4, 5）

7.2 アクセシビリティ

• 情報を持つ図には代替テキストを設定する（参考: 12, 13）
  • 悪い例: 「設定画面の画像」
  • 良い例: 「通知設定画面。右上の[配信条件]からメール通知の有効/無効を切り替える」
• 装飾目的の図は「装飾としてマーク」する
• [校閲] → [アクセシビリティ チェック] を実行する（参考: 14, 15）

7.3 最終チェックリスト

• 画像は初出の直後にあるか
• 画面全体を不要に貼っていないか
• 図番号は自動採番か（手打ちでないか）
• 本文参照は相互参照か（「上図」「下図」が残っていないか）
• 図とキャプションが別ページに分かれていないか
• トリミング領域を削除したか
• 個人情報・機密情報が映り込んでいないか
• 代替テキストを設定したか
• アクセシビリティチェックを通したか
• Ctrl+A → F9 でフィールド更新をしたか

8. まとめ

画像配置で目指すのは「凝ったレイアウト」ではなく、「崩れにくく、改訂しやすく、読み手が迷わない」状態です。

基本はこの6つです。

1. まずは行内配置
2. 画像は初出の直後
3. スクリーンショットは切り抜いて焦点化
4. 図番号と参照は自動化
5. 回り込みは例外運用
6. 配布前に容量とアクセシビリティを確認

9. 参考資料

1. 画像の既定のテキスト 折り返し設定を変更する - Microsoft サポート
2. Word で画像の周囲で文字列を折り返す - Microsoft サポート
3. テキストを折り返し、画像をWordに移動する - Microsoft サポート
4. Office で図をトリミングする - Microsoft サポート
5. Microsoft Office の画像のファイル サイズを小さくする - Microsoft サポート
6. Word で図表番号を追加、書式設定、または削除する - Microsoft サポート
7. 図のキャプションを挿入する - Microsoft サポート
8. Word で図表番号に章番号を追加する - Microsoft サポート
9. クロス リファレンスを作成する - Microsoft サポート
10. フィールドを更新する - Microsoft サポート
11. Wordでテキストを一緒に保持する - Microsoft サポート
12. 図形、図、グラフ、SmartArt グラフィック、またはその他のオブジェクトに代替テキストを追加する - Microsoft サポート
13. 有効な代替テキストを作成するために知っておくべきこと - Microsoft サポート
14. アクセシビリティ チェックを使用してアクセシビリティを改善する - Microsoft サポート
15. アクセシビリティ チェックのルール - Microsoft サポート
16. Wordで画像、図形、ワードアート、その他のオブジェクトを揃える - Microsoft サポート
17. Word内の図形、図、またはその他のオブジェクトをグループ化する - Microsoft サポート