SharePoint ページに画像または画像ファイルを追加する

SharePoint 2016、2013 または 2010 サイトに画像を追加する

1. 画像を追加するページに移動します。

2. [ページ] タブを選びます。 リボンの [編集] をクリックします。

3. ページの編集可能な領域内をクリックします。

4. [挿入] タブを選択し、リボンの [メディア] グループで [画像] をクリックします。

   

5. 次のオプションが表示されます。

図に Web リンクを追加する

ページに画像を貼るのもいいですが、それを別のページで参照する方がより適切です。 以下にイメージを実際にリンクにする方法を説明します。

1. イメージにハイパーリンクを追加して、ページに移動できるようにします。

2. [ページ] タブをクリックし、[編集] をクリックします。

3. リンクを追加する写真または画像をクリックして選択します。

4. リボンの [挿入] をクリックし、[リンク] をクリックします。

   

5. [ハイパーリンクの追加] ダイアログ ボックスに Web ページ、サイト、リンクするその他のメディアの [アドレス] を入力します。 [試す] をクリックして、リンクをテストします。

   

6. [OK] をクリックします。

ページからの画像の削除

1. ページで、リボンの [ページ] タブをクリックして、[編集] をクリックします。

   

   注: [編集] が無効になっている場合、ページを編集する権限がない可能性があります。

2. 削除するイメージを選択して、 Delete キーをキーボードで押します。

ページの先頭へ

SharePoint 2007 のページにイメージを追加する

[ページのイメージ] フィールド コントロールがある Web ページには、イメージをライブラリから選択して追加できます。 ライブラリに格納されているイメージが変更されると、そのイメージを使用するページは、自動的に新しいイメージを使用するようになります。

[ページ コンテンツ] フィールド コントロールがある Web ページには、HTML エディターを使用すると、イメージを追加することが可能です。 [ページ コンテンツ] フィールド コントロールへのイメージの追加に HTML エディターを使用する場合、イメージはライブラリにも保存されるので、ライブラリのイメージが更新されると、そのイメージを使用するページも自動的に新しいイメージを使用するようになります。

新しいページを作成する場合にイメージを含めるとき、[ページのイメージ] フィールド コントロールがあるページ レイアウトを使用してページを作成できます。

[ページのイメージ] フィールド コントロールを含むページのレイアウト

Microsoft Office SharePoint Server 2007 に含まれている以下のページ レイアウトには、[ページのイメージ] フィールド コントロールがあります。

• 左側にイメージがあるアーティクル ページ

• 右側にイメージがあるアーティクル ページ

• イントラネット ホーム

• 概要リンクのあるウェルカム ページ

• 目次があるウェルカム ページ

• ウェルカム スプラッシュ ページ

サイトには、[ページのイメージ] フィールド コントロールを含むページ レイアウトが他にもある場合があります。

ページの先頭へ

[ページ コンテンツ] フィールド コントロールを含むページのレイアウト

Office SharePoint Server 2007 に含まれる以下のページ レイアウトには、[ページ コンテンツ] フィールド コントロールがあります。

• イントラネット ホーム

• 概要リンクのあるウェルカム ページ

• 目次があるウェルカム ページ

サイトには、[ページ コンテンツ] フィールド コントロールを含むページ レイアウトが他にもある場合があります。

ページの先頭へ

[ページのイメージ] フィールド コントロールを使用してイメージを追加する

1. イメージを追加するページに移動し、[ページの編集] のページ編集 ツールバーをクリックします。

   注:  ページ編集ツールバーが表示されない場合、[サイト操作] メニューの [ページ編集ツールバーの表示] をクリックします。

2. [ページのイメージ] フィールド コントロールの [画像の編集] をクリックします。 [イメージ プロパティの編集] Web ページ ダイアログ ボックスが開きます。

3. [イメージ プロパティの編集] Web ページ ダイアログ ボックスの [全般] セクションで、[選択したイメージ] ボックスの横の [参照] ボタンをクリックします。 イメージ ライブラリが新しいウィンドウに開きます。

4. 使用するイメージをクリックし、[OK] をクリックします。 イメージ ライブラリが閉じられ、選択したイメージのアドレスが [選択したイメージ] ボックスに表示されます。

5. 必要に応じてイメージの残りのプロパティを設定します。

   • 代替テキスト      イメージの簡単な説明を入力します。 ページの閲覧者のブラウザーでイメージを表示できない場合、イメージの代わりにこのテキストが表示されます。 代替テキストは、スクリーン リーダーでも読み上げられます。

   • ハイパーリンク      オプションでイメージをハイパーリンクにできます。 このボックスに希望のハイパーリンク先を入力します。 ハイパーリンク先に移動するのに、[参照] ボタンを使用することも可能です。 ハイパーリンクを新しいブラウザー ウィンドウで開くには、[このリンク新しいウィンドウで開く] チェック ボックスをオンにします。

     [レイアウト] セクションでは、以下のプロパティを設定できます。

   • 配置      フィールド コントロール内のイメージの位置を変更するには、それを [配置] リストから選択します。 [ページのイメージ] フィールド コントロールはイメージに合うサイズになっているため、このオプションは、[ページのイメージ] フィールド コントロール内のイメージに使用しても、顕著な効果はありません。

   • 外枠の太さ      イメージに枠の太さを指定すると、枠を付けることができます。 枠の太さはピクセルで測定されます。

   • 左右の間隔      イメージの両側に空白のサイズを指定するには、空白の値をピクセルで指定します。

   • 上下の間隔      イメージの上下に空白のサイズを指定するには、空白の値をピクセルで指定します。

     [サイズ] セクションには、以下のプロパティを設定できます。

   • 既定のイメージ サイズを使用する      イメージ ファイルのプロパティに指定されている既定のサイズでイメージを表示する場合は、このオプションを選択します。

   • サイズを指定する      発行するページのイメージをサイズ指定する場合は、このオプションを選択します。 これは、イメージ ファイルのサイズのプロパティに優先されます。 このオプションを選択する場合、イメージの幅または高さ、またはこの両方を、[幅] と [高さ] プロパティを使用して設定する必要があります。

   • 幅 (ピクセル)      [サイズを指定する] を選択した場合、[幅 (ピクセル)] を使用して、イメージの幅をピクセル単位で指定します。

   • 高さ (ピクセル)      [サイズを指定する] を選択した場合、[高さ (ピクセル)] を使用して、イメージの高さをピクセル単位で指定します。

   • 縦横比を維持する      このオプションを使うと、画像の幅と高さの比率を保つことができます。 このオプションを選択した場合、画像の幅または高さに対して選択した値によって、元の画像の幅と高さの比率に基づいて、他の次元の値が決定されるため、画像の幅または高さのいずれかを設定できます。

ページの先頭へ

HTML エディターを使用して [ページ コンテンツ] フィールド コントロールにイメージを追加する

1. イメージを追加するページに移動し、[ページの編集] のページ編集 ツールバーをクリックします。

   注:  ページ編集ツールバーが表示されない場合、[サイト操作] メニューの [ページ編集ツールバーの表示] をクリックします。

2. [ページ コンテンツ] フィールド コントロールで [コンテンツの編集] をクリックして、HTML エディターを起動します。 HTML エディターはインラインで表示されるか、新しいウィンドウの [Web ページ] ダイアログ ボックスに表示されます。

3. [ページ コンテンツ] フィールド コントロールのイメージを追加する位置に、カーソルを配置します。

4. [HTML エディター] ツールバーで、[イメージ の挿入] ツールバーボタンをクリックします。

   キーボード ショートカット  イメージを挿入するには、Ctrl キーと Shift キーを押しながら G キーを押します。

   [イメージ プロパティの編集] Web ページ ダイアログ ボックスが開きます。

5. [イメージ プロパティの編集] Web ページ ダイアログ ボックスの [全般] セクションで、[選択したイメージ] ボックスの横の [参照] ボタンをクリックします。 イメージ ライブラリが新しいウィンドウに開きます。

6. 使用するイメージをクリックし、[OK] をクリックします。 イメージ ライブラリが閉じられ、選択したイメージのアドレスが [選択したイメージ] ボックスに表示されます。

7. 必要に応じてイメージの残りのプロパティを設定します。

   • 代替テキスト      イメージの簡単な説明を入力します。 ページの閲覧者のブラウザーでイメージを表示できない場合、イメージの代わりにこのテキストが表示されます。 代替テキストは、スクリーン リーダーでも読み上げられます。

   • ハイパーリンク      オプションでイメージをハイパーリンクにできます。 このボックスに希望のハイパーリンク先を入力します。 ハイパーリンク先に移動するのに、[参照] ボタンを使用することも可能です。 ハイパーリンクを新しいブラウザー ウィンドウで開くには、[このリンク新しいウィンドウで開く] チェック ボックスをオンにします。

     [レイアウト] セクションでは、以下のプロパティを設定できます。

   • 配置      フィールド コントロール内のイメージの位置を変更するには、それを [配置] リストから選択します。

   • 外枠の太さ      イメージに枠の太さを指定すると、枠を付けることができます。 枠の太さはピクセルで測定されます。

   • 左右の間隔      イメージの両側に空白のサイズを指定するには、空白の値をピクセルで指定します。

   • 上下の間隔      イメージの上下に空白のサイズを指定するには、空白の値をピクセルで指定します。

     [サイズ] セクションには、以下のプロパティを設定できます。

   • 既定のイメージ サイズを使用する      イメージ ファイルのプロパティに指定されている既定のサイズでイメージを表示する場合は、このオプションを選択します。

   • サイズを指定する      発行するページのイメージをサイズ指定する場合は、このオプションを選択します。 これは、イメージ ファイルのサイズのプロパティに優先されます。 このオプションを選択する場合、イメージの幅または高さ、またはこの両方を、[幅] と [高さ] プロパティを使用して設定する必要があります。

   • 幅 (ピクセル)      [サイズを指定する] を選択した場合、[幅 (ピクセル)] を使用して、イメージの幅をピクセル単位で指定します。

   • 高さ (ピクセル)      [サイズを指定する] を選択した場合、[高さ (ピクセル)] を使用して、イメージの高さをピクセル単位で指定します。

   • 縦横比を維持する      このオプションを使うと、画像の幅と高さの比率を保つことができます。 このオプションを選択した場合、画像の幅または高さに対して選択した値によって、元の画像の幅と高さの比率に基づいて、他の寸法の値が決定されるため、画像の幅または高さのいずれかを設定できます。

     注: 

     • イメージを追加するページが Web パーツ ページの場合、イメージはイメージ Web パーツを使用して追加できます。 イメージ Web パーツの使用方法の詳細については、「イメージ Web パーツ」の記事を参照してください。

     • ページに挿入するイメージがイメージ ライブラリにない場合、投稿権限があれば追加が可能です。 ライブラリにイメージ ファイルを追加する方法の詳細については、「ライブラリにファイルを追加する」の記事を参照してください。

ページの先頭へ