テキストノートの本文に画像を挿入する

広告
eyecatch

テキストノートではテキストだけではなく画像を本文中に挿入することができます。ここではテキストノートの本文に画像を挿入する手順について解説します。

本文に画像を挿入する

それでは実際に試してみます。テキストノートの作成画面を表示してください。

本文に画像を挿入する(1)

本文でEnterキーなどを押すと新しい段落が表示されますが、その時表示される「+」をクリックしてください。

本文に画像を挿入する(1)

本文に画像を挿入する(2)

次の4つのアイコンが表示されます。画像を挿入する場合は「embed image」アイコンをクリックしてください。

本文に画像を挿入する(3)

ファイル選択ダイアログが表示されますので、挿入したい画像ファイルを選択してください。選択が終わると本部に画像が挿入されます。

本文に画像を挿入する(4)

挿入した画像をクリックすると次のようなメニューが表示されます。

本文に画像を挿入する(5)

「link」アイコンをクリックすると画像にリンクを設定することができます。

本文に画像を挿入する(6)

本文に画像を挿入する(7)

「compress image」アイコンをクリックすると、画像を縮小することができます。

本文に画像を挿入する(8)

本文に画像を挿入する(9)

では本文に画像を挿入したノートを投稿してみます。投稿されたノートはタイムラインに表示されますが、画像は表示されません。

本文に画像を挿入する(10)

ノートのタイトルをクリックしてノートの全文を表示すると画像も含めて表示されます。

本文に画像を挿入する(11)

非常に大きな画像を挿入した場合

ノートの横幅に入りきらないような非常に大きな画像を挿入した場合、ノートの横幅に入るように自動的に縮小されて挿入されます。

非常に大きな画像を挿入した場合(1)

ノートを投稿してみると、ノートに表示された画像はノートの横幅に縮小されて表示されていますが、画像をクリックすると拡大されて表示されます。

非常に大きな画像を挿入した場合(1)

非常に大きな画像を挿入した場合(1)

ただし画像に外部リンクを設定した場合は、リンクの方が優先となるためノートを投稿後に画像をクリックしても画像は拡大されません。

-- --

テキストノートの本部に画像を挿入する手順について解説しました。

( Written by Tatsuo Ikura+ )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。