Wordに画像を挿入すると思うように動きません。
まるで大きな一文字を動かすような感覚です。
これは「文字列の折り返し」が「行内」になっているからです。
画像のレイアウト「文字列の折り返し」をマスターして自在に配置しましょう。
折り返し点の編集も解説していきます。
画像の挿入
文字で埋め尽くした文書に画像を挿入してみます。
今回は先頭位置にカーソルを置きました。
![カーソルの場所](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move2-1-1024x283.jpg)
[挿入]タブ-「図」グループの「画像」ボタンから「このデバイス」を選択します。
使用したい画像を選択し「挿入」を押します。
![挿入の画像ボタン](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move1-1-1024x617.jpg)
※「オンライン画像」を選択するとインターネットで画像検索します。
![](https://pcwork-labo.com/wp-content/uploads/2022/07/check-1-150x150.png)
オンライン画像は著作権注意!
画像が挿入されました。
※挿入した画像のサイズ(容量)がWordの余白幅より大きいと余白内側のサイズまで縮小して挿入されます。
![画像を挿入](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move3-2-1024x818.jpg)
画像サイズの変更は、画像周囲に表示される丸いハンドル(8個)のいずれかを動かします。
※真ん中の上下左右のハンドルは縦横比が変わってしまうので注意!(コーナーハンドルを使います)
![](https://pcwork-labo.com/wp-content/uploads/2022/07/fast-1-150x150.png)
間違えて変形した時は≪Ctrl + Z≫で戻そう!
画像を動かしてみると・・・思うようにいきません。
これは、「文字列の折り返し」というレイアウトモードが「行内」になっているからです。
今回使用したフリー素材はこちらです。
![](https://thumb.photo-ac.com/17/177137aff981d7929785bbacab5a2ac6_w.jpeg)
文字列の折り返し
![](https://pcwork-labo.com/wp-content/uploads/2022/07/why-150x150.png)
「文字列の折り返し」って何?
「文字列の折り返し」とは、画像を入れる場所にあった文字をどのようによけさせる(折り返す)のかを設定するものです。
雑誌や新聞の記事のように画像手前で文字が折り返すように配置するモード、
好きな位置に文字であろうと関係なく上からラベルのようにのせることができるモード、
文字の背面に背景のように表示させるモードなど、シーンに合わせて切り替えることができます。
画像を挿入した直後は「行内」という動かすことには適していないモードになっています。
「文字列の折り返し」ボタンで他のモードに変更してみましょう。
画像を選択すると「レイアウトオプション」という小さなボタンが表示されます。
このボタンをクリックして「文字列の折り返し」からモードの切り替えをします。
![レイアウトオプションボタン](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move4-2-1024x883.jpg)
画像の挿入位置により、レイアウトオプションボタンが表示されない場合はリボンから進めます。
画像を選択し、[図の形式]タブ-配置グループの「文字列の折り返し」ボタンから選択します。
![文字列の折り返しボタン](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move5-2.jpg)
それぞれの特徴を見ていきます。
「行内」
画像を挿入するとまず設定されるのが「行内」です。
![文字列の折り返し行内ボタン](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move6-1.jpg)
「行内」は、行の中に大きな一文字が配置されたような感じになります。
画像を動かすと、移動したい先の文字と文字の間にカーソルが入りその位置に入ろうとします。
![行内モード](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move7.jpg)
文字のような扱いになるので段落の中央揃えやインデントなどの設定もできます。
※段落幅めいっぱいに文字が入っていると中央揃えや右揃えをしても変わりません。
「四角形」
「四角形」モード
![文字列の折り返し四角形ボタン](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move8-1.jpg)
画像を動かしていくと、画像の四角形の端に合わせて文字がよけて(折り返して)配置されます。
記事のような書き方をする時に便利です。
![四角形モード](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move9.jpg)
画像と文字との間隔や、文字列の折り返しを片側だけにする・・・などの詳細設定も可能です。
詳細設定を行う場合は、レイアウトオプションボタンの一番下にある「詳細表示」を押します。
![レイアウトオプションの詳細表示](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move10-1捨てる.jpg)
レイアウトダイアログボックスが表示されます。
「文字列の折り返し」タブに切り替えると「左右の折り返し」と「文字列との間隔」の設定ができます。
![レイアウトダイアログボックス文字列の折り返し](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move11-1-819x1024.jpg)
「狭く」(外周)
「狭く」モード
![文字列の折り返し狭く](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move12-1.jpg)
画像の外周に沿って文字が折り返されます。
![「狭く」モード](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move13.jpg)
ただし、どの画像も外周まで文字が入り込むとは限りません。
![](https://pcwork-labo.com/wp-content/uploads/2022/07/why-150x150.png)
画像の白い部分は全部入り込めるんじゃないの?
今回使用した画像は花の背景を削除して透明に加工しています。
そして、PNG形式で保存したものです。
画像は、JPG形式(ジェーペグ)とPNG形式(ピング)が多く使われています。
スマホやデジカメなどで撮った画像は基本JPG形式で保存されます。
PNG形式と違い、JPG形式は透明という情報を保持することができません。
※背景を透過加工した場合でもJPG形式で保存してしまうとその部分は透明ではなく白色になります。
つまり、
画像を保存した人が背景透過加工し更にPNG形式で保存するという2つの条件を満たしていなければ
「狭く」モードにしても画像の周囲で折り返されず四角形で折り返されてしまうのです。
![](https://pcwork-labo.com/wp-content/uploads/2022/08/disappointed-150x150.png)
背景透過の画像を探すのも大変だ・・・
そういった場合は、Word内で背景を透過させることもできます。
![](https://pcwork-labo.com/wp-content/uploads/2022/09/eyecatch-word-image-background-300x158.jpg)
「内部」と折り返し点の編集
「内部」モード
![文字列の折り返し内部ボタン](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move14-1.jpg)
画像の外周に沿って文字が折り返されます。
![「内部」モード](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move13.jpg)
![](https://pcwork-labo.com/wp-content/uploads/2022/07/why-150x150.png)
それって、「狭く」モードと同じじゃない?
このままでは「狭く」と変わりませんが、もうひと手間加えてみます。
[図の形式]タブ-配置グループの「文字列の折り返し」ボタンから「折り返し点の編集」をクリックします。
![折り返し点の編集ボタン](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move15-1.jpg)
黒いポイント(アンカーポイント)が表示されました。
![黒いハンドルが表示される](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move16.jpg)
ポイントとポイントが線で結ばれています。
文字はこのラインより内側に入ることができません。
しかし、ポイントを動かせばもっと内側まで文字を表示させることができます。
また、ポイントの増減も自由にできます。
画像の下に2つポイントを追加して内側へ寄せてみました。
それに合わせるように文字が内側まで入り込みました。
![ポイントを追加](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move17-0.jpg)
この状態で、また「狭く」に変更してみます。
![「狭く」に戻した図](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move18-0.jpg)
ポイントは内側まで入り込んでいても文字の入り込みはなくなりました。
このことから、ポイントを画像内部までずらした場合に「狭く」と「内部」の違いが出てくることがわかります。
「上下」
「上下」モード
![文字列の折り返し上下ボタン](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move19-1.jpg)
文字が画像の上下で折り返されます。
左右の空き部分は空白になります。
![「上下」に設定した図](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move20.jpg)
「背面」
「背面」モード
![文字列の折り返し背面ボタン](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move21-1.jpg)
画像は文字の背面に移動します。
![「背面」設定の図](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move22.jpg)
色を薄くしたり効果を加えると便箋の背景デザインのように使うことができます。
![便箋のように薄い色にする](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move23-1.jpg)
上の画像は[図の形式]タブ-調整グループの「色」ボタンを使いました。
他にも、「修整」や「アート効果」「透明度」などを使って編集できます。
![図の形式調整グループ](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move24-2-1024x204.jpg)
「背面」モードにして他の箇所をクリックすると・・・
![](https://pcwork-labo.com/wp-content/uploads/2022/07/shock-150x150.png)
うわ、画像がクリックできなくなった!!
画像は文字の背面にあるので、選択しようとしても前面の文字に阻まれて選択できません。
背面の画像を選択するには、[ホーム]タブ-編集グループの「選択」ボタンから「オブジェクトの選択」をクリックします。
![オブジェクトの選択ボタン](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move25-2-1024x447.jpg)
文書に貼り付けたオブジェクトだけが選択されるモードに切り替わります。
本文の文字は選択されないので背面の画像が選択できるようになります。
![](https://pcwork-labo.com/wp-content/uploads/2022/07/wow-2-150x150.png)
こんなモードがあったのか!
※「オブジェクトの選択」モードを解除する場合は≪ESC≫を押します。
「前面」
「前面」モード
![文字列の折り返し前面ボタン](https://pcwork-labo.com/wp-content/uploads/2024/02/word-image-move26-1.jpg)
画像は文書の前面にラベルのように貼り付けられます。
その部分にあった文字などは、画像で見えなくなります。
![「前面」モード](https://pcwork-labo.com/wp-content/uploads/2022/08/word-image-move27.jpg)
![](https://pcwork-labo.com/wp-content/uploads/2022/07/goodjob-150x150.png)
図形の挿入と同じモードだね!
画像の動きやすさで言えば「前面」が一番ですが、用途に合わせて上手に活用しましょう。