画像 Web パーツを使用する

サイトに最新のページを追加するとき、ページの構成要素である 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 パーツ ツールボックス

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

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

画像をトリミングする

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

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

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

    画像ツール バー

    • 1. 縦横比

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

    • 3. 元に戻す

    • 4. リセット

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

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

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

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

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

    縦横比ツール

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

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

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

手動でトリミングする

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

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

画像のサイズを変更する

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

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

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

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

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

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

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

コピーして貼り付ける

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

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

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

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

ドラッグ アンド ドロップ

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

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

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

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

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

関連項目

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

ヒーロー Web パーツ

ヘルプを表示

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

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

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

フィードバックをお寄せいただき、ありがとうございます。Office サポートの担当者におつなぎいたします。

×