Microsoft Word、PowerPoint、Outlook、 Excel for Microsoft 365 Windows、Mac、Android、Windows Mobile では、スケーラブル ベクター グラフィックス () の挿入と編集がサポートされています。SVG) ファイルをドキュメント、プレゼンテーション、メール、ブックに保存します。

iOS では、別のプラットフォームに既に挿入した SVG イメージを編集できます。

これはサブスクライバーのみの機能です この機能を使用できるのは、Windows デスクトップ クライアントのMicrosoft 365 サブスクライバーのみです。

ヒント: SVG は、1999 年に確立されたオープン標準です。

ファイルに SVG イメージを追加する方法の詳細については、「ファイルにアイコンを挿入する」をMicrosoft Office。 

SVG 画像を文書内で表示する方法をカスタマイズするには、いくつかの操作を実行できます。 これらのツールにアクセスするには、SVG 画像をクリックすると、コンテキストの [書式] タブがリボンに表示されます。 [書式] タブで提供される便利な オプションを見 てみしましょう。

  • 図の変更 - 別の画像を選択して、現在の画像を置き換えます。

  • グラフィックのスタイル -これらは、画像の外観を編集するための主要なツールです。

    • ギャラリーには、イメージを線画に変換したり、塗りつぶしの色を変更したりするために事前に定義されたスタイルのコレクションが含まれています。 次の例では、自転車のロゴを挿入しました。元のロゴはすべて黒です。 スタイル ギャラリーで、会社のテーマに合わせて黒いアウトラインと薄い青の塗りつぶしを含むプリセットを選択しました。

      ヒント: ギャラリーの各グラフィックス スタイルにマウス ポインターを合わせると、そのスタイルを選択した場合のイメージの外観が表示されます。 単なるプレビューです。実際にスタイルをクリックしない限り、変更は有効になしません。

      PowerPoint 2016 で、スタイル ギャラリーを使用して SVG 画像の外観を変更します。
    • 画像の色を変更したいと考えていて、どのギャラリーのスタイルも希望のものと違う場合、図の塗りつぶしにより、数百色から選択することができます。 選択した色が画像全体に適用されます。 次の例では、自転車のロゴを選択し、赤の塗りつぶしを適用しました。

      注: 異なる色で SVG 画像の個々のパーツを塗りつぶす場合は、最初に SVG 画像を図形に変換する必要があります。 それを行う方法については、以下を参照してください。

      スポイトは特に面白いツールです。 メニューから選択すると、カーソルは小さなボックスが付いたスポイトに変わります。 スライド上またはワークシート上のドキュメント内の任意のオブジェクトでスポイトをポイントすると、小さなボックスはそのオブジェクトの色で塗りつぶされます。 マウスの左ボタンをクリックし、選択した SVG 図形がその色で塗りつぶされていることを確認します。 図形の色を、会社のロゴなどの別のアイテムの色に簡単に合わせる優れた方法です。 そして、これは挿入した写真の色でも使用できます。

      図の塗りつぶしツールを使用して、SVG 画像の色を変更する
    • SVG 画像の周囲の線を変更 (または削除) するには、図の枠線を選択します。 これにより、画像の周囲の枠線の色を設定できます。 上で説明したスポイト ツールをここでも使用できます。

    • SVG 画像を少し追加のスタイルにしたい場合は、 グラフィックス効果 を使用すると、ドロップ シャドウ、光彩、3D 効果など、画像を追加できます。 次の例では、画像を少し 3 次元で表示するためにパースペクティブ シャドウを選択しました。

      図の効果ツールを使用して影付きなどの効果を SVG グラフィックに追加する
  • [整列] - このグループには、Office で他の画像形式を使用したことがある場合はおそらく使い慣れているツールが含まれています。

    • [前面へ移動] または [背面へ移動] ツールを使用して画像をページ上に重ねて表示します。 これは他のオブジェクトを画像の前に (または背後に) 配置する場合に便利です。

    • [オブジェクトの選択と表示] ツールを使うと、複雑なページ上の特定のアイテムを簡単に選択できます。

    • [配置] により、選択した画像の左端を揃えて、中央またはページ上の他の既知の場所に配置することが簡単になります。

    • 1 つのオブジェクトとして処理したい複数の画像がある場合、最初のオブジェクトを選択し、Ctrl キーを押しながら他の各オブジェクトを選択し、[グループ] をクリックします。 グループ化を解除するには、グループ内の任意のオブジェクトを選択し、[グループ]、[グループ解除] の順にクリックします。

    • [回転] コマンドにより、画像を回転させたり、上下または左右の方向に反転することが簡単になります。

  • [サイズ] - 画像のトリミングやサイズ変更のためのツールです。 トリミング ツールを使用する方法の詳細については、「図をトリミングする」を参照してください。 サイズ ツールを使用するには、目的の高さまたは幅をインチ単位で指定します。

SVG 画像を Office 図形に変換する

注: この機能は、 Microsoft 365 または Mac 上の Office デスクトップ アプリケーションを使用しているWindowsでのみ使用できます。

SVG 画像またはアイコンを別の図形Officeすることで、SVG ファイルを逆アセンブルし、個々の部分を編集できます。 ファイルの変換は非常に簡単です。文書、ブック、プレゼンテーション内の SVG 画像を右クリックし、表示されるコンテキスト メニューから [図形に変換] を選択します。

次の短いビデオで、Doug がそれを行う方法を説明しています。

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

SVG ファイルを挿入するには、Office for Mac画像ファイルと>画像の挿入を使用します。

SVG 画像を文書内で表示する方法をカスタマイズするには、いくつかの操作を実行できます。 これらのツールにアクセスするには、SVG 画像をクリックすると、コンテキストの [グラフィック形式] タブがリボンに表示されます。 [グラフィック形式] タブで提供される便利な オプションを見 てみしましょう。

SVG 画像が選択されている場合、リボンの [グラフィック形式] タブが有効になります。
  • 図の変更 - 別の画像を選択して、現在の画像を置き換えます。

  • グラフィックス スタイル - ギャラリーには、イメージを線画に変換したり、塗りつぶしの色を変更したりするために事前に定義されたスタイルのコレクションが含まれています。 次の例では、自転車のロゴを挿入しました。元のロゴはすべて黒です。 スタイル ギャラリーで、会社のテーマに合わせて薄い青の塗りつぶしを含むプリセットを選択しました。

    自転車のグラフィックに薄い青のスタイルが適用されたスタイル ギャラリー
  • 画像の色を変更したいと考えていて、どのギャラリーのスタイルも希望のものと違う場合、図の塗りつぶしにより、数百色から選択することができます。 選択した色が画像全体に適用されます。

  • SVG 画像を少し追加のスタイルにしたい場合は、 グラフィックス効果 を使用すると、ドロップ シャドウ、光彩、3D 効果など、画像を追加できます。 次の例では、画像を少し 3 次元で表示するためにパースペクティブ シャドウを選択しました。

  • SVG 画像の周囲の線を変更 (または削除) するには、図の枠線を選択します。 これにより、画像の周囲の枠線の色を設定できます。 上で説明したスポイト ツールをここでも使用できます。

  • SVG 画像の周囲でテキストがどのように流れるのか制御するには、[テキストの折り返し ] ツールを使用 します。

  • [前面へ移動] または [背面へ移動] ツールを使用して画像をページ上に重ねて表示します。 これは他のオブジェクトを画像の前に (または背後に) 配置する場合に便利です。

  • [オブジェクトの選択と表示] ツールを使うと、複雑なページ上の特定のアイテムを簡単に選択できます。

  • [配置] により、選択した画像の左端を揃えて、中央またはページ上の他の既知の場所に配置することが簡単になります。

  • 1 つのオブジェクトとして処理したい複数の画像がある場合、最初のオブジェクトを選択し、Ctrl キーを押しながら他の各オブジェクトを選択し、[グループ] をクリックします。 グループ化を解除するには、グループ内の任意のオブジェクトを選択し、[グループ]、[グループ解除] の順にクリックします。

  • [回転] コマンドにより、画像を回転させたり、上下または左右の方向に反転することが簡単になります。

  • [サイズ] - 画像のトリミングやサイズ変更のためのツールです。 トリミング ツールを使用する方法の詳細については、「図をトリミングする」を参照してください。 サイズ ツールを使用するには、目的の高さまたは幅をインチ単位で指定します。

  • [ 書式ウィンドウ] ウィンドウが開き、この画像を変更するツールに簡単にアクセスできます。

iOS に SVG イメージを挿入できませんが、ファイルに既に含めがある SVG イメージの Office で使用できる編集ツールがいくつか用意されています。 最初に、編集する SVG 画像をタップすると、リボンに[グラフィック] タブが表示されます。

[グラフィックス編集] タブが表示されている Word for iOS
  • グラフィックス スタイル - これらは、SVG ファイルの外観をすばやく変更するために追加できる定義済みのスタイルのセットです。

  • 画像の色を変更したいと考えていて、どのギャラリーのスタイルも希望のものと違う場合、図の塗りつぶしにより、数百色から選択することができます。 選択した色が画像全体に適用されます。 

    注: 異なる色で SVG 画像の個々のパーツを塗りつぶす場合は、最初に SVG 画像を図形に変換する必要があります。 現在、この操作を行うには、ドキュメントを Officeで Microsoft 365 開Windows必要があります。

  • SVG 画像の周囲の線を変更 (または削除) するには、図の枠線を選択します。 これにより、画像の周囲の枠線の色を設定できます。

  • [文字列の 折り返し] を使用すると、文書内の画像の周囲でテキストがどのように流れるのか制御できます。

  • 複数のオブジェクトを重ね合う場合は、[配置] を使用すると、選択した画像をスタック内で上下 (前方または後方) に移動できます。

  • SVG 画像 の一 部だけが必要な場合は、トリミング ツールを使用します。 画像を選択した後、[トリミング ] をタップし、ボックスをドラッグして目的の画像に枠を設定します。 完了したら、[トリミング] を タップします。

    ヒント: トリミングを元に戻す場合は、画像をタップし、もう一度 [トリミング] を選択し、表示されるコンテキスト メニューから [リセット] をタップします。

  • [代替テキスト ] ツール を使用して、スクリーン リーダーを使用して文書を読むユーザー向けテキストの説明を画像に表示します。

OFFICE FOR ANDROID で SVG 画像を編集するには、編集する SVG をタップして選択すると、[グラフィックス] タブがリボンに表示されます。

リボンの [グラフィックス] タブが表示されている SVG 画像が選択されている

注: リボンが表示しない場合は、[編集] アイコン をタップ [編集] アイコン

  • スタイル - これらは、SVG ファイルの外観をすばやく変更するために追加できる定義済みのスタイルのセットです。

  • 画像の色を変更する必要があるが、ギャラリー内のスタイルがどれも必要ない場合は、[塗りつぶし]を使うと数百色から選ぶことができます。 選択した色が画像全体に適用されます。 

    注: 異なる色で SVG 画像の個々のパーツを塗りつぶす場合は、最初に SVG 画像を図形に変換する必要があります。 現在、この操作を行うには、ドキュメントを Officeで Microsoft 365 開Windows必要があります。

  • SVG 画像の周囲の線を変更 (または削除) するには、[アウトライン] を 選択します。 これにより、画像の周囲の枠線の色を設定できます。

  • [文字列の 折り返し] を使用すると、文書内の画像の周囲でテキストがどのように流れるのか制御できます。

  • 複数のオブジェクトを重ね合う場合は、[配置] を使用すると、選択した画像をスタック内で上下 (前方または後方) に移動できます。

  • SVG 画像 の一部 だけが必要な場合は、[グラフィックのトリミング] ツールを使用します。 画像を選択した後、[トリミング ] をタップし、ボックスをドラッグして目的の画像に枠を設定します。 完了したら、[トリミング] を タップします。

  • [サイズ] と [ 位置] では、SVG イメージをページ上に配置するサイズを指定します。

  • [代替テキスト ] ツール を使用して、スクリーン リーダーを使用して文書を読むユーザー向けテキストの説明を画像に表示します。

Microsoft Office についてご質問、ご提案またはご意見がありますか。

Microsoft Office に関するフィードバックを送信する方法」を参照してください。

ご意見をお待ちしています。

この記事は、コメントの結果 として 2018 年 12 月 5 日に最終更新されました。 役に立った場合、特に役に立たなかった場合は、以下のフィードバック コントロールを使用して、改善方法をお知らせください。

関連項目

画像を挿入する

アイコンを挿入する

画像、クリップ アート、テキスト、その他のオブジェクトにアニメーション効果を適用する

ヘルプを表示

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

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

翻訳品質にどの程度満足していますか?

どのような要因がお客様の操作性に影響しましたか?

その他にご意見はありますか?(省略可能)

フィードバックをお送りいただきありがとうございます!

×