PowerPointのSVGを図形に変換して個別の部分を編集する

PowerPointでSVGの個々の部分を編集するには、挿入した画像にConvert to Shapeを使い、生成された部分を選択して書式を設定します。MicrosoftのMicrosoft 365でSVG画像を編集する方法に、この手順が記載されています。文書にある変換方法には、Windows版のPowerPoint for Microsoft 365を使います。

コードで生成するスライドでは、PptxGenJSでロゴSVGを追加し、完成したデッキを確認してから配布します。

変換自体が不要かもしれません。画像のサイズ変更や画像全体の塗り変更は、ロケットのアイコンの窓1つを変えることとは異なります。画像を分解する前に必要な編集を決め、元のSVGを作業用コピーとともに残します。

似て見える3つの操作

サンゴ色の胴体、青緑の窓、暗い色の尾翼、金色の炎を持つロケットがスライドにあり、窓だけ青にしたいとします。

Ungroupが無効でも、SVGが壊れているとはいえません。PowerPointがまだSVG画像として扱っているか、選択対象に解除するグループがない場合があります。Microsoftのグループ化の説明は、オブジェクトのグループ化とSVGアイコンの図形への変換を区別しています。

ロケットでは、誤って胴体の色を変えずに窓を独立して選択するのが目的です。その編集を支える構造が得られる場合にだけ、変換は有用です。

まずPowerPointのプラットフォームを確認する

MicrosoftのSVGヘルプには、Windows、macOS、iOS、Androidそれぞれの説明があります。Windowsの項目はConvert to Shapeを説明しています。macOSの項目はSVG画像の挿入と書式設定を説明し、モバイルの説明は、個々の部分の変換にWindows版Microsoft 365を案内しています。

この違いは重要です。SVGの挿入や色変更に対応していても、同じアプリでConvert to Shapeを使えるとは限りません。この手順は文書にあるWindowsでの方法に従っています。Web版PowerPointを使っているか、別のプラットフォームでコマンドが見つからない場合は、Windowsデスクトップ版の手順を使うか、ベクターエディターでSVGを編集して修正したファイルを挿入します。

ヘルプページにある幅広いOfficeバージョンの一覧を、個々の機能の互換性表として使わないでください。図案を診断する前に、実際のPowerPointのプラットフォームとバージョンを確認します。コマンドがない問題と、変換は実行できるが図案が変わる問題は別です。Appleのアプリでデッキを編集しているなら、MacとiPadのKeynoteでのBreak Apartの手順に従ってください。

コピーを変換して1つ編集する

複製したスライドか別の元データ用フォルダーに、元の画像を残します。その後、Windowsでの手順を進めます。

1. Insert → Pictures → This Deviceから.svgファイルを挿入します。
2. 挿入したSVGを選び、コンテキストメニューからConvert to Shapeを選びます。
3. 変更したい部分を選んでみます。グループ内に残っている場合は、必要に応じてGroup → Ungroupを使います。
4. Shape Formatで編集します。ロケットの例では、窓の塗りだけを変えます。
5. 続ける前に、編集した版を変更していない原版と比較します。

これらのコマンドは、MicrosoftのSVG変換の手順とグループ解除の手順に基づいています。必要な部分を選択できたら、グループ解除をやめます。すべてを繰り返し分解すると、小さな編集でも管理しにくくなる場合があります。

窓の編集後、一緒に移動したい部分を選んでグループ化します。グループ化すると、構成オブジェクトを残しながら、ロケットを1つのまとまりとして配置できます。元のSVGファイルを再作成したり、元のマークアップを復元したりするわけではありません。

残りを編集する前に結果を確認する

コマンドの成功は、見た目の比較ではありません。変換した画像を、スライドに置くサイズで確認してから、構造を調べるために拡大します。

ロケットでは、窓の輪郭、尾翼と胴体の重なり、炎を確認します。自分の図案では、意味のある切り抜き、文字、効果も確認します。

これは確認対象であり、すべての効果が失敗するという主張ではありません。サイズ変更や配置だけが必要で元の見た目がすでに使えるなら、SVGをそのまま保つことで不要な変換を避けられます。

見える部分が常に別のオブジェクトとは限りません。同じ色の2つの尾翼が複合パスを共有する一方、見える1領域が複数の図形でできている場合もあります。分離できないファイルには、SVGのオブジェクト種類の診断を使います。PowerPointの変換は、見た目だけからデザイナーの意図したレイヤー名や意味上の部品を推測できません。

Convert to Shapeがない、または使えない場合

何が選ばれているかから確認します。スライドのプレースホルダーや複数オブジェクトの混合選択ではなく、画像そのものをクリックします。スクリーンショットやPNGのプレビューではなく、SVGファイルを挿入したことを確認してください。

次に2つの場合を分けます。

• **コマンドがない：**ファイルを変更する前に、プラットフォームとインストールしたPowerPointのバージョンを、記載された手順と照合します。
• **コマンドは動くが結果が違う：**元の構造と変換した部分を比較します。原版を残し、簡略化した読み込み用コピーを試します。

ファイル固有の問題では、元のエディターから単純なベクター領域を1つ書き出し、そのコピーを試します。変換できたら、残りの部分を段階的に戻します。これは問題を切り分ける方法であり、使用環境がすべてのSVG機能に対応する証拠ではありません。

編集後にGroupが使えない場合、Microsoftのグループ化のトラブル対処は、選択が1つだけ、非対応の選択対象、PowerPointのプレースホルダーが選択に含まれることを確認するよう説明しています。これはグループ化の問題で、元のSVGを変換できるかとは別です。

細かなパス修正や再利用しやすい構成が必要な元データでは、ベクターエディターでSVGを編集し、原版を保って新しいコピーを書き出します。すべての元データ編集をプレゼンテーションファイル内で行う利点はありません。

PowerPointでの操作前にピクセルをパスへ変換する

SVGにはPNGやJPEGを含められます。SVGの埋め込み内容の仕様は、コンテナー内のラスター画像を許可しています。外側の拡張子を変えたりSVGの書き出し形式を選んだりしても、そのピクセルがロケットの胴体、窓、尾翼へトレースされるわけではありません。

ファイルがまだ1枚の画像のように動く場合は、埋め込みラスターの確認方法を使います。拡大表示だけに頼らず、元データやオブジェクト構造を調べます。

フラットなPNGやJPGのアイコンしかないなら、PowerPointへSVGを挿入する前に、PerfectVectorで編集可能なベクターパスを再構築できます。プレビューで復元した領域と色を確認し、作業に合う場合にダウンロードして、使用先アプリで図形への変換を試します。PerfectVectorはPowerPointのデッキを作るものではなく、見分けられる各部分がOfficeの図形1つになると保証するものでもありません。

円や長方形のシンプルな図なら、PowerPointのネイティブ図形で描くほうが速い場合があります。写真は、簡略化したベクター表現がデザインの目的でない限り、画像のまま残します。画像ベクター化の解説は、トレースで変わるものと復元できないものを扱っています。

よくある質問

PowerPointでSVGを図形へ変換するにはどうしますか？ 文書にあるMicrosoft 365のWindowsでの手順では、SVGファイルを挿入して選び、Convert to Shapeを使います。個々の部分を選び、Shape Formatで編集します。生成されたオブジェクトがグループ内に残る場合だけグループを解除し、原版と結果を比較します。

PowerPointにConvert to Shapeがないのはなぜですか？ まずプラットフォーム、インストールしたバージョン、選択したオブジェクトを確認します。SVGの挿入や画像全体の書式設定ができても、個別部分の変換コマンドを使えるとは限りません。Microsoftが説明するWindowsの手順に従い、スクリーンショットやPNGではなくSVGを選んだことを確かめてください。

Convert to ShapeとUngroupは同じですか？ いいえ。Convert to ShapeはSVG画像をOfficeの図形へ変えます。Ungroupは、すでにグループ内にあるオブジェクトを分けます。両方が必要な場合もありますが、グループ解除だけではラスターのピクセルをトレースしたり、欠けたベクター部品を作ったりできません。

PowerPointでPNGを編集可能なSVGの部分へ変換できますか？ SVGのConvert to Shapeの手順は、PNGをパスへトレースしません。本当のベクターSVGから始めるか、シンプルな部分をネイティブ図形として描くか、適したラスター図案をベクター化してから読み込みます。見えるすべての部分が個別のオブジェクトになると思わず、生成した構造を確認してください。

参考資料

1. Microsoft — Microsoft 365でSVG画像を編集する — SVGの書式設定、プラットフォーム別の手順、Office図形への変換の説明。
2. Microsoft — 図形、画像、その他のオブジェクトのグループ化と解除 — グループ化、解除、コマンドが使えない場合の確認。
3. W3C — SVG 2の埋め込み内容 — SVGコンテナー内のラスター画像の定義。

---

ラスターのアイコンしかないなら、編集可能なベクター図案として再構築し、領域を確認してPowerPointでSVGを試してください。デッキ全体に編集を適用する前に、必要な部分を選択して変更できることを確かめます。