写真を埋め込む方法

写真やその他のグラフィカルな画像は、最小限の労力でウェブページや印刷物に面白みを加えます。使用するアプリケーションによって手順は大きく異なりますが、文章に写真を埋め込むのは素早く簡単です。Word、PowerPoint、Wordpress、HTMLで写真や画像を埋め込むことができます。このWikiHowでは、HTMLに画像を埋め込む方法を説明します。

方法1

WordとPowerPointを使う

1. 埋め込みたい画像の種類を決めます。 画像、グラフィック、クリップアート、図表を追加できます。図形やグラフィックを作成することもできます。
2. Microsoft WordまたはPowerPointを開きます。 Wordには、青い紙に「W」を重ねたようなアイコンがあります。 PowerPointには、赤い円グラフに「P」を重ねたようなアイコンがあります。 Windowsの「スタート」メニューか、Macの「アプリケーション」フォルダにあるどちらかのアイコンをクリックすると、WordまたはPowerPointが開きます。 パワーポイントもワードも、画像を挿入したりワードを保存したりするには、マイクロソフト・オフィスのサブスクリプションが必要です。

   • マイクロソフト・オフィスの無料バージョンは.NETで入手できます。 Wordのオンライン版を使って文書に画像を挿入することができます。 Googleドキュメントを使用することもできます。
3. 挿入」タブをクリックします。 ページ上部の3番目のタブです。 グラフィックス、図形、スプレッドシート、リンク、ビデオなど、外部メディアを文書に挿入するためのすべてのオプションが表示されます。
4. 文書内の画像を挿入したい場所をクリックします。 これにより、文書内にテキストカーソルが配置されます。 WordやPowerPointで画像を挿入すると、現在テキストカーソルがある位置に挿入されます。
5. 挿入したい画像タイプのアイコンをクリックします。 画像を挿入するためのすべてのオプションは、"イラスト "と表示されたボックス内にあります。 挿入できるのは、画像、図形、スマートアート、図表、スクリーンショットです。

   • 写真： コンピュータ（このデバイス）、ストック画像、またはオンライン画像から画像を選択できるドロップダウンメニューが表示されます。 挿入する画像に適したオプションを選択します。 挿入したい画像を選択し、「挿入」をクリックします。
   • 図形： ドキュメントに図形を挿入するには、上部のツールバーで[図形]をクリックします。 次に、挿入したい図形をクリックします。 上部にある[書式]タブをクリックし、[書式]ツールバーのオプションを使用して、色、境界線、色、テキストの色などを変更します。
   • スマートアートSmartArtを使用すると、カスタマイズ可能なさまざまなグラフをドキュメントに挿入できます。 SmartArtをクリックして、SmartArt選択ボックスを開きます。 挿入したいSmartArtをクリックし、Okをクリックします。 SmartArt内の「[text]」と表示されている箇所をクリックし、テキストを入力します。 文書に挿入されたSmartArtをクリックすると、[デザイン]および[書式]タブのツールを使用して、SmartArtの外観をカスタマイズできます。
   • チャート グラフ: グラフオプションを使用すると、ドキュメントにグラフを挿入できます。 グラフを挿入するには、上部の[グラフ]をクリックし、左側の列でグラフの種類をクリックします。 次にグラフをクリックし、Okをクリックします。 スプレッドシート・ウィンドウを使用して、グラフのデータとラベルを編集します。
   • スクリーンショット： このオプションを使用すると、ウィンドウまたは画面の領域のスクリーンショットを撮ることができます。 スクリーンショットを挿入するには、[スクリーンショット]をクリックしてから、スクリーンショットを挿入するウィンドウのサムネイルをクリックします。 画面の領域のスクリーンショットを撮るには、[画面のクリッピング]をクリックしてから、スクリーンショットを撮りたい画面の領域上でボックスをクリックしてドラッグします。
6. 画像のサイズを調整します。 画像のサイズを調整するには、画像をクリックして選択します。 次に、画像の周りの枠または枠の角をクリックしてドラッグし、画像のサイズを調整します。

方法2

ワードプレスを使う

1. ワードプレスの管理画面にログインします。 デフォルトでは、WordPressの管理画面を開くには、ウェブサイトのURLにアクセスし、末尾に「/admin」と入力します（例：www.example.com/admin）。 次に、管理者ユーザー名とパスワードを入力し、ログインをクリックします。
2. 画像を埋め込みたいページに移動します。 左側のパネルで「ページ」をクリックし、編集したいページをクリックします。 新しいページを作成するには、新しいページを追加をクリックすることもできます。
3. 画像を挿入したい場所をクリックします。 ブログやウェブページにテキストカーソルが置かれます。 カーソルの上に異なるアイコンのバーが表示されます。
4. メディアを追加アイコンをクリックします。 カメラと音符を模したアイコンです。 テキストカーソルの上のバーにあります。
5. 画像を選択し、「続ける」をクリックします。 ライブラリにアップロードした画像がすべて画面に表示されます。 埋め込みたい画像を選択し、右下の「続ける」をクリックします。

   • 埋め込みたい画像がまだアップロードされていない場合は、左上の新規追加をクリックします。 アップロードしたい画像を選択し、「選択」をクリックします。 または、左側のドロップダウンメニューをクリックし、[URLで追加]をクリックすることもできます。 アップロードしたい画像のURLをコピーして貼り付け、アップロードをクリックします。
   • キャプション、説明、タイトル、または代替テキストを編集する場合は、[編集]をクリックします。 次に、画像の右側にある適切なフィールドに編集するテキストを入力します。
6. 画像のサイズを調整します。 画像のサイズを調整するには、画像をクリックして選択します。 次に、隅にある小さな四角いハンドルをクリックしてドラッグし、画像のサイズを調整します。
7. 画像の配置を調整します。 画像を選択した状態で、左、右、または中央に並んだ線のようなアイコンをクリックして、画像の配置を調整できます。 また、正方形に線が引かれたようなボックスをクリックすると、テキストが画像の周りをどのように折り返すかを調整できます。

方法3

HTMLを使う

1. 埋め込みたい画像をウェブサーバーにアップロードします。 ウェブサーバーによっては、cPanelを使って直接ファイルをアップロードできるものもあります。
2. 画像を挿入したいHTMLページを開きます。 HTMLドキュメントがすでにサーバーにアップロードされている場合は、cPanelでサーバー上のHTMLファイルを編集できます。 また、メモ帳やテキストエディットのようなテキストエディタを使用して、コンピュータに保存されたHTML-ファイルの編集を行うこともできますし、Adobe DreamweaverやKompozerのようなHTMLエディタを使用することもできます。
3. 画像を挿入したい場所をクリックします。 HTMLページ上にテキストカーソルが表示されます。 ここに画像が挿入されます。
4. <img src=と入力します。 これは画像を挿入するためのHTMLタグの開始部分です。
5. 画像のURLをコピーして引用符で囲んで貼り付けます。 サーバーにアップロードした画像のURLを取得する必要があります。 そのURLをHTMLタグの等号の後に引用符で囲んで貼り付けます（例：<img src="https://www.example.com/image.jpg"）。
6. タグにalt="代替テキスト "を追加します（オプション）。 代替テキストは、閲覧者が何らかの理由で画像を表示できない場合に表示されるテキストです。 画像に代替テキストを追加したい場合は、「alt=」と入力し、その後に引用符で代替テキストを囲みます（例：<img src="https://www.example.com/image.jpg" alt="画像テキスト"）。
7. 画像のサイズを変更する（オプション）。 画像のサイズを調整したい場合は、"width="または "height="と入力し、その後に幅または高さをピクセル単位で引用符で囲みます（例 <img src="https://www.example.com/image.jpg" alt="image text" width="600" height="500"）。 ピクセル数の代わりにパーセンテージを入力することもできます。
8. HTMLタグの最後に「>」を入力します。 これでHTMLタグが閉じます。 タグ全体は以下のようになります：

   • <img src="https://www.example.com/image.jpg" alt="画像テキスト" width="600" height="500">
9. HTMLドキュメントをサーバーにアップロードします。 HTMLページが完成したら、FTPクライアントを使用してサーバーにアップロードするか、cPanelでアップロードします。

この記事は、CC BY-NC-SAで公開されている「 How to Embeded Pictures 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。