画像 Web パーツを使用する

適用先

SharePoint Server 2019

Copilot に関するヘルプを利用する

サイトに最新のページを追加するとき、ページの構成要素である Web パーツを追加し、カスタマイズします。この記事では、イメージ Web パーツの使用方法について説明します。これを使用して、サイト、コンピューター、または Web からページに画像を挿入します。既存の画像のトリミング、サイズ変更、および置換ができます。

ドラッグまたは貼り付けて既存の画像を置き換える

ページ上の画像を追加または置換する

ページに画像を追加または置き換える最も簡単な方法は、単にドラッグまたは貼り付けすることです。

ドラッグして新しい画像を追加するか、既存の画像を置き換える

まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。
次のいずれかの操作を行います。

画像を追加するには、使用する画像を配置するセクションにドラッグするだけです。

画像を置き換えるには、置き換える画像をダブルクリックして選択し、新しい画像をその画像にドラッグします。

必要に応じて、画像のサイズを変更したり、再トリミングしたりする必要がある場合があります。

画像を貼り付けて置き換える

まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。
追加する画像をコピーするか、既存の画像を置き換えます。
ページで、画像 Web パーツ内の画像をダブルクリックして選択します。
キーボードの CTRL+V キーを押します

画像 Web パーツを追加する

まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。右側で ツールボックス ( ) を見つけます。
[ すべての Web パーツを表示] を選択し、Web パーツのリストから画像を選択またはドラッグアンドドロップします。
最近使用した画像、または次のいずれかから画像を選択します。
- Microsoft が提供するストック画像
- Web 検索
- サイト
- コンピューター
- リンク
- 組織が承認済みの画像のセットを指定している場合は、そのセットを [組織] から選択できます。
  注
  - Web 検索では、クリエイティブコモンズライセンスを利用する Bing 画像を使用します。ページに画像を挿入する前に、ライセンスを確認する責任があります。
  - SharePoint ライブラリから画像を取得しても、ページ閲覧者にアイテムを表示するアクセス許可が保証されるわけではありません。ページ作成者は、すべてのページリーダーに画像が表示されるように、画像を Site Assets ライブラリにコピーするように求められます。
  - SharePoint 管理で、organization のアセットライブラリを作成する方法を学習する場合は、「organization アセットライブラリの作成」を参照してください。
  - SharePoint 管理者である場合は、画像取得のパフォーマンスを向上させるために、コンテンツ配信ネットワーク (CDN) を有効にすることをお勧めします。 CDN について詳しく知る。
[ 画像を開く] または [ 画像の追加 ] をクリックします (画像の取得元に応じて異なります)。
必要に応じて、Web パーツの画像の下にキャプションを入力します。
Web パーツの左上にある [プロパティの編集 ] ( ) をクリックして、画像の変更、画像へのリンクの追加、画像上へのテキストの追加、および代替テキストの追加または変更を行います (スクリーンリーダーを使用する場合)。

自動代替テキスト 画像を挿入すると、代替テキスト (スクリーンリーダーを使用しているユーザー向け) が自動的に生成されます。多くの場合、テキストは、変更または削除しない限り、画像と一緒に自動的に保存されます。画像の代替テキストの信頼度が高くない場合は、画像に関する警告が表示され、代替テキストを確認して変更または保持できます。

注

SharePoint Server サブスクリプションエディションと SharePoint Server 2019 では、Web パーツを編集するときにのみ代替テキストがサポートされます。

画像をトリミングする

事前に設定された縦横比を使用せずに、または使用せずに画像をトリミングできます。

まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。
変更する画像をクリックします。画像を編集するためのツールバーが表示されます。
1. 縦横比
2. 自由比率でトリミングする
3. 解除する
4. リセット
5. プレビュー (保存)

縦横比でトリミングする

縦横比でトリミングすると、画像の幅と高さの比率を決定できます。次の図の青で囲まれている領域は、1:1 (正方形) の縦横比の選択を示しています。

縦横比クロップの例

[ 縦横比 ] ボタンをクリックする [ 。
追加のツールバーがポップアップし、さまざまな縦横比のオプションが表示されます。

目的の縦横比を選択します。 16:9 が左端の縦横比オプションで、次に 3:2、4:3、1:1 の順に続きます。画像がどのようにトリミングされるかを示すプレビューボックスが表示されます。画像内のトリミングボックスを移動して、トリミングされる領域を変更できます。
クロップボックスを回転させて、縦横比の方向を変更するには、[ トリミングボックスを回転 ] ボタン、[ をクリックします。
完了したら、[ 保存] 。