【Googleドキュメント】表のセルに画像と文字を並列!Cell内layout調整

Googleドキュメントで表を作成してセル内に画像を挿入したとき、画像の横に文字を配置したいと考える方は多いでしょう。しかし、デフォルトの設定では画像がセル全体を占めてしまい、文字が下に回り込んでしまうことがよくあります。この記事では、表のセル内で画像と文字を横並びに配置するレイアウト調整の方法を詳しく解説します。画像のアンカー設定やテキストの折り返し設定を変更することで、思い通りの見た目を実現できます。

セル内で画像と文字を並列配置するための基本原則

Googleドキュメントの表セル内に画像を挿入すると、デフォルトでは画像はインライン要素として扱われ、画像の上下にのみテキストが配置されます。このままでは画像の横に文字を並べることができません。そこで必要なのが、画像の「テキストの折り返し」設定を変更することです。この設定を「配置でラップ」に変えると、画像の周囲にテキストを回り込ませることができ、横並びが可能になります。さらに、画像のアンカー位置を適切に設定することで、セルの編集やサイズ変更時にもレイアウトが崩れにくくなります。また、セル自体の余白(パディング)も調整することで、画像と文字のバランスを整えられます。

画像と文字を横並びにする具体的な手順

ここでは、表のセル内に画像を挿入し、その横に文字を配置する手順を解説します。以下のステップに沿って操作してください。

画像の挿入と初期配置

1. 画像をセル内に挿入する
   表内の目的のセルにカーソルを置き、メニューバーの「挿入」→「画像」→「パソコンからアップロード」(または「ウェブから検索」など)を選択します。画像を選択して挿入しましょう。挿入直後は画像がセル全体に大きく表示されることがあります。
2. 画像のサイズを調整する
   画像をクリックして選択状態にし、画像の四隅に表示される青いハンドルをドラッグして、適切なサイズに変更します。文字とのバランスを考えて、画像はセル幅の半分程度が目安です。

テキストの折り返し設定を変更する

1. 画像を選択してメニューを表示する
   画像をクリックして選択します。画像の下に3つのアイコン(インライン、配置でラップ、テキストの背面に移動)が表示されます。または画像を右クリックして「テキストの折り返し」からも選択できます。
2. 「配置でラップ」を選択する
   アイコンの中から中央の「配置でラップ」をクリックします。これで画像の周りにテキストが回り込むようになります。すぐに文字が画像の横に移動するのを確認できます。
3. 画像の位置を微調整する
   画像をドラッグして、横に配置したい場所に移動します。画像の端に青いガイドラインが表示されるので、それを目安にセル内の適切な位置に配置しましょう。

画像のアンカーを設定する

画像の位置を安定させるために、アンカーを適切な段落に固定します。アンカーは画像がどの段落に紐づくかを決める設定です。

1. 画像を右クリックして「画像のオプション」を開く
   画像上で右クリックし、表示されるメニューから「画像のオプション」を選択します。右側にサイドパネルが開きます。
2. 「テキストの折り返し」セクションでアンカーを確認する
   サイドパネルの「テキストの折り返し」セクションで、「アンカーを段落に固定」にチェックが入っていることを確認します。これで画像が現在の段落に固定され、セル内のテキスト編集時に画像が予期せず移動しなくなります。
3. 必要に応じて余白を調整する
   同じサイドパネルで「画像のマージン」の数値を変更して、画像と文字の間隔を調整します。初期設定では上下左右とも1.27mmですが、状況に応じて大きくしたり小さくしたりします。

セルの余白を調整して見た目を整える

1. 表全体または特定のセルを選択する
   調整したいセルにカーソルを置き、右クリックして「表のプロパティ」を選択します。または「表示」メニューから「表のプロパティ」を開いても構いません。
2. 「セルのパディング」を変更する
   「表のプロパティ」ダイアログの「セル」タブで、「セルのパディング」の数値を変更します。上下左右すべてに均等に余白を設けたい場合は「セルのパディング」のチェックを外して個別に設定することもできます。通常は1〜2mm程度に設定すると、画像と文字がちょうど良く収まります。

レイアウト崩れが発生するケースとその対処法

セル内のレイアウト調整にはいくつかの落とし穴があります。以下に代表的なトラブルとその解決方法を紹介します。

画像がセルの外にはみ出してしまう

画像のサイズがセルよりも大きいと、セル境界を超えて表示されてしまうことがあります。この問題は、画像のサイズをセル幅に合わせて縮小することで解決します。画像を選択し、四隅のハンドルをドラッグしてセル内に収まるサイズに調整します。または、画像のオプションの「サイズと回転」セクションで幅を数値指定することも有効です。

画像の横に文字が表示されず、下に回り込む

この症状は、「テキストの折り返し」が「インライン」のままになっていることが原因です。画像を選択して「配置でラップ」に変更すれば、文字が横に並ぶようになります。また、画像の後ろに文字が隠れてしまう場合は、「テキストの折り返し」を「テキストの背面に移動」に設定している可能性があります。必ず「配置でラップ」を選択してください。

セルの高さが意図せず大きくなってしまう

画像を挿入すると、そのサイズに合わせてセルの高さが自動的に広がります。この場合、セルの最小の高さを固定したいときは、表のプロパティで「行の高さを最小値に設定」を利用します。行を選択して右クリック→「表のプロパティ」→「行」タブで、「最小の行の高さ」を指定します。ただし、画像がその最小値を超える場合ははみ出すため、画像のサイズも調整する必要があります。

画像がセル内で自由に動かせない

「テキストの折り返し」を「インライン」に設定していると、画像は文字と同様の位置にしか配置できません。横並びにするには「配置でラップ」にして、画像をドラッグ可能にします。また、「アンカーを段落に固定」にチェックが入っている場合、画像の移動範囲が制限されることがあります。必要に応じてチェックを外しても構いませんが、その場合は他の編集で画像がずれやすくなるので注意しましょう。

画像の配置方法の比較:インラインとラップの違い

設定項目	インライン	配置でラップ
テキストとの関係	画像は文字と同様に扱われ、テキストは画像の上下にのみ配置	画像の周囲にテキストを回り込ませることができ、横並びが可能
画像の移動	ドラッグでの自由な移動不可(文字位置に固定)	画像を自由にドラッグして配置可能
アンカー設定	アンカーは自動設定され、段落に固定	アンカーを段落に固定するか選択可能
セル内でのレイアウト自由度	低い(画像と文字の並列不可)	高い(画像と文字の並列、位置調整が容易)
推奨用途	画像を独立したブロックとして扱いたい場合	画像とテキストを並べて説明したい場合

まとめ

Googleドキュメントの表セル内で画像と文字を横並びにするには、画像の「テキストの折り返し」を「配置でラップ」に設定することが最も重要なポイントです。さらに、画像のサイズやアンカー、セルの余白を調整することで、思い通りのレイアウトを実現できます。今回紹介した手順を活用して、見た目が整った表を作成してみてください。特に、商品カタログやプロフィール表など、画像と説明文を組み合わせる場面で役立つでしょう。また、複数の画像を横並びにしたい場合は、セル内に複数の画像を挿入してそれぞれラップ設定にすることで、さらに凝ったデザインも可能です。

📄

Googleドキュメントトラブル完全解決データベースこの記事以外にも、書式・共有・Apps Script・引用など様々な困りごとへの解決策をまとめています。逆引きに活用してください。