You have multiple accounts
Choose the account you want to sign in with.

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

ご利用のブラウザーではビデオがサポートされていません。

ページに画像を追加する

イメージ Web パーツを追加する

画像をトリミングする

画像のサイズを変更する

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

ページの画像を追加または置き換える

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

ドラッグして新しいイメージを追加するか、既存のイメージを置き換える

  1. まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

  2. 次のいずれかの操作を行います。

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

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

必要に応じて、イメージのサイズ変更またはトリミングの変更が必要な場合があります。

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

  1. まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

  2. 既存のイメージを追加または置換するイメージをコピーします。

  3. ページで、[イメージ] Web パーツ内の画像をダブルクリックして選択します。

  4. キーボードの Ctrl キーを押しながら V キーを押す

イメージ Web パーツを追加する

  1. まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

  2. 既存の Web パーツの上または下またはタイトル領域の下にマウス ポインターを置き、[ 最新の Web パーツをページに追加するために使用される丸付きプラス記号] をクリックし、[イメージ] Web パーツを 選択します。

  3. 次のいずれかの方法で、最近使用した画像または画像を選択します。

    • Microsoft が提供するストック画像

    • Web 検索

    • サイト

    • コンピューター

    • リンク

    • 組織が承認済みの画像のセットを指定している場合は、そのセットを [組織] から選択できます。

      ファイル ピッカー オプションの図。

      注: 

      • Web 検索では、クリエイティブ コモンズ ライセンスを利用する Bing 画像を使用します。 ページに画像を挿入する前に、ライセンスを確認する責任があります。

      • 管理者の場合SharePoint組織の資産ライブラリを作成する方法については、「組織の資産ライブラリを作成する」を参照してください

      • 管理者の場合は、SharePoint取得のパフォーマンスを向上させるために、Content Delivery Network (CDN) を有効にすることをお勧めします。 CDN の詳細については、 を参照してください

  4. [ 開く ] または [画像の 追加] をクリックします (イメージの作成場所に応じて異なる)。

  5. 必要に応じて、Web パーツの画像の下にキャプションを入力します。

  6. [Web パーツ [Web パーツの編集] ボタン の編集] (左側) をクリックして、画像の変更、画像へのリンクの追加、画像の上へのテキストの追加、(スクリーン リーダーを使用するユーザー向け) 代替テキストの追加または変更を行います。

    イメージ Web パーツ ツールボックス

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

    代替テキスト プロンプトを含む画像

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

画像をトリミングする

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

  1. まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

  2. 変更する画像をクリックします。 画像を編集するツール バーが表示されます。

    画像ツール バー

    • 1. 縦横比

    • 2. フリー比率でトリミングする

    • 3. 元に戻す

    • 4. リセット

    • 5. プレビュー (保存)

縦横比を使用してトリミングする

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

縦横比トリミングの例
  1. [縦横 比] ボタンを クリック [縦横比] の [トリミング] ボタン

    追加のツール バーが表示されます。また、さまざまな縦横比のオプションが表示されます。

    縦横比ツール

    目的の縦横比を選択します。 16:9 は最も左の縦横比オプションで、3:2、4:3、1:1 が続きます。 画像のトリミング方法を示すプレビュー ボックスが表示されます。 図内のトリミング ボックスを移動して、トリミングする領域を変更できます。

    [トリミング ボックスの回転] ボタンをクリックして縦横比の向きを変更するには、トリミング ボックスを回転 [トリミング ボックスの回転] ボタン

  2. 完了したら、[保存] をクリック保存

手動でトリミングする

無料トリミングの例
  1. [フリー比率 でトリミング] ボタンを クリック 縦横比なしのトリミング ボタン 縦横比を使用せずにトリミングします。 次に、画像の各側にある正方形の 1 つをドラッグして、画像を狭く、広く、高く、または短くします。

  2. 完了したら、[保存] をクリック保存

画像のサイズを変更する

編集モードでは、画像を選択してサイズ変更ハンドルを表示するか、画像ツール バーの [サイズ変更] ボタンを選択して、画像のサイズを変更できます。 次に、ハンドルの 1 つをドラッグして、イメージを目的のサイズに設定します。

画像のハンドルのサイズを変更する

注: 

  • イメージのサイズ変更は、SharePoint Server 2019。

  • 画像と縦横比の詳細については、「最新のページでの画像のサイズ変更とスケーリングSharePoint参照してください

元に戻す、またはリセットする

[元に 戻す ] ボタンを トリミングを元に戻す 操作を元に戻します。 [リセット ] ボタン イメージのトリミングをリセットする を使用して、一度に行ったすべての変更を元に戻し、最後に保存した後の状態に画像を返します。

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

ページに既存の画像 Web パーツがある場合は、Web パーツを編集して別の画像を選択して画像を置き換えるか、新しい画像をドラッグまたはコピーして、置き換えるイメージの上に貼り付けます。 貼り付けには、貼り付けにはキーボード ショートカット (Ctrl + V) を使用する必要があります。 手順:

コピーして貼り付ける

  1. まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

  2. 既存の を置き換えるイメージをコピーします。

  3. ページで、[イメージ] Web パーツ内の画像をダブルクリックして選択します。

  4. キーボードの Ctrl キーを押しながら V キーを押す

ドラッグ アンド ドロップ

  1. まだ編集モードになっていない場合は、ページの右上にある [編集] をクリックします。

  2. 既存のイメージを置き換えるイメージを選択します。

  3. ページで、[イメージ] Web パーツ内の画像をダブルクリックして選択します。

  4. 既存のイメージの上に画像をドラッグします。

注: 必要に応じて、イメージのサイズ変更またはトリミングの変更が必要な場合があります。

関連項目

イメージ ギャラリー Web パーツ

ヒーロー Web パーツ

ヘルプを表示

スキルを磨く
トレーニングの探索
新機能を最初に入手
Microsoft Office Insider に参加

この情報は役に立ちましたか?

言語の品質にどの程度満足していますか?
どのような要因がお客様の操作性に影響しましたか?

ご意見をいただきありがとうございます。

×