スキップしてメイン コンテンツへ

Microsoft Office 365 で SVG 画像を編集する

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

IOS では、他のプラットフォームに既に挿入されている SVG 画像を編集できます。

これはサブスクライバーのみの機能です この機能は Office 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 図形に変換する

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

SVG 画像またはアイコンを Office 図形に変換することによって、SVG ファイルの分解と個々の部分の編集を行うことができます。 ファイルの変換は非常に簡単です。ドキュメント、ブック、またはプレゼンテーションの SVG 画像を右クリックし、表示されるコンテキストメニューの [図形に変換] を選択するだけです。

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

使用しているブラウザーではビデオがサポートされていません。 Microsoft Silverlight、Adobe Flash Player、Internet Explorer 9 のいずれかをインストールしてください。

Office for Mac で SVG ファイルを挿入するには、他の画像ファイルと同じように >画像挿入します。

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

SVG 画像を選択し、リボンの [グラフィックの書式設定] タブを有効にします。
  • 図の変更 - 別の画像を選択して、現在の画像を置き換えます。

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

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

  • SVG 画像をやや追加のスタイルにする方法をご紹介します。 グラフィックス効果を使うと、影、光彩、3d 効果などの効果を画像に追加することができます。 次の例では、透視投影の影を選択して、画像を3次元で表示します。

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

  • SVG 画像の周りでのテキストの流し込みを制御するには、[折り返して全体を表示する] ツールを使用します。

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

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

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

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

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

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

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

IOS で SVG 画像を挿入することはできませんが、既にファイルに追加している Office 用の SVG 画像では、いくつかの編集ツールを使用できます。 開始するには、編集する SVG 画像をタップすると、リボンに [グラフィックス] タブが表示されます。

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

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

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

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

  • [文字列の折り返し] は、文書内の画像の周囲のテキストの配置を制御するのに役立ちます。

  • 複数のオブジェクトを重ねて整列する場合は、選択した画像を上または下 (前方または後方) に移動します。

  • SVG イメージの一部のみが必要な場合は、[トリミング] ツールを使用します。 画像を選択した状態で、[トリミング] をタップし、ボックスをドラッグして、画像を目的の形にします。 完了したら、[トリミング] をタップします。

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

  • [代替テキスト] ツールを使用して、スクリーンリーダーを使用して文書を読み上げるユーザーのために、画像にテキストを説明します。

Office for Android で SVG 画像を編集するには、編集する SVG をタップして選択し、[グラフィック] タブをリボンに表示します。

リボン上の [グラフィック] タブが表示された SVG 画像

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

  • スタイル-これらはあらかじめ定義された一連のスタイルであり、これを追加して、SVG ファイルの外観をすばやく変更することができます。

  • 画像の色を変更したいが、ギャラリーのどのスタイルでも必要なものがない場合は、何百もの色から選択できます。 選択した色が画像全体に適用されます。 

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

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

  • [文字列の折り返し] は、文書内の画像の周囲のテキストの配置を制御するのに役立ちます。

  • 複数のオブジェクトを重ねて整列する場合は、選択した画像を上または下 (前方または後方) に移動します。

  • SVG 画像の一部だけを目的としている場合は、[トリミンググラフィック] ツールを使用します。 画像を選択した状態で、[トリミング] をタップし、ボックスをドラッグして、画像を目的の形にします。 完了したら、[トリミング] をタップします。

  • [サイズと位置] では、どのくらいのサイズの SVG 画像がページに表示されるかを指定できます。

  • [代替テキスト] ツールを使用して、スクリーンリーダーを使用して文書を読み上げるユーザーのために、画像にテキストを説明します。

Windows モバイルアプリで SVG 画像を挿入するには、他の画像と同じように>画像挿入します。

SVG 画像には、一部の編集ツールも用意されています。 開始するには、編集する SVG 画像をタップすると、リボンに [グラフィックス] タブが表示されます。

Word Mobile の [グラフィックス] タブ
  • グラフィックのスタイル -これらは、画像の外観を編集するための主要なツールです。 Windows Mobile アプリでは、グラフィックリボンの左端にギャラリーとして表示されます。

  • 画像の色を変更したいが、ギャラリーのどのスタイルでも必要なものがない場合は、何百もの色から選択できます。 選択した色が画像全体に適用されます。 

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

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

  • [文字列の折り返し] は、文書内の画像の周囲のテキストの配置を制御するのに役立ちます。

  • 複数のオブジェクトを前面または背面に重ねて表示する場合は、選択した画像を積み重ねの中で上または下に移動することができます。 これらのボタンを有効にするには、テキストを[行内] 以外のテキストに設定しておく必要があることに注意してください。

  • SVG 画像を回転するには、選択した画像の上に表示される回転ハンドルを使用します。 画像を囲むハンドルをクリックしてドラッグし、回転させます。 90度回転させたり、上下または左右に反転したりするには、リボンの [回転] コマンドを使用します。

  • SVG イメージの一部のみが必要な場合は、[トリミング] ツールを使用します。 画像を選択した状態で、[トリミング] をタップし、ボックスをドラッグして、画像を目的の形にします。 完了したら、[トリミング] をタップします。

    ヒント: トリミングを元に戻す場合は、CTRL キーを押しながら Z キーを押すか、ウィンドウの右上にある [元に戻す] 矢印をクリックします。

  • [サイズと位置] では、どのくらいのサイズの SVG 画像がページに表示されるかを指定できます。

  • [代替テキスト] ツールを使用して、スクリーンリーダーを使用して文書を読み上げるユーザーのために、画像にテキストを説明します。

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

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

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

この記事の最終更新日は、 2018 年12月 5日です。コメントの結果として作成されました。 お役に立ちましたが、特に、お役に立たなかった場合は、下のフィードバックコントロールを使用して、より良い方法をお聞かせください。

関連項目

画像を挿入する

アイコンを挿入する

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

注:  このページは、自動翻訳によって翻訳されているため、文章校正のエラーや不正確な情報が含まれている可能性があります。 私たちの目的は、このコンテンツがお客様の役に立つようにすることです。 情報が役に立ったかどうか、ご意見をお寄せください。 参考までに、こちらから英語の記事をお読みいただけます。

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

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

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

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

×