Adobe Muse では、Adobe Illustrator などのツールを使用して作成したベクターグラフィックをサイトデザインで使用できます。現在、Adobe Muse では、スケーラブルベクターグラフィックス（SVG）形式をネイティブサポートしています。SVG フォーマットを使用してロゴ、アイコン、背景およびブラウザーの塗りなどを作成し、Adobe Muse 内の Web ページカンバスに直接配置できます。

SVG フォーマットで保存されるグラフィックは軽快で、解像度に依存しません。そのため、グラフィックをページの読み込み時間やサイトの外観に影響することなく、大きなサイズで表示できます。SVG ファイルは、HiDPI ディスプレイでもサポートされています。

SVG フォーマットは解像度に依存しないため、Adobe Muse では、SVG ファイルを標準の Web サイトと高解像度の Web サイトの両方で同様に扱います。SVG ファイルをデザインビューの Web カンバスに配置する場合、元のサイズの 50% に縮小されません。

Adobe Illustrator を使用して作成した SVG ファイルでは、以下の手順に従います。

SWF の読み込み

Adobe Muse 内に SVG ファイルを読み込んで配置する前に、「Adobe Muse に SVG ファイルを配置する準備」で説明されている手順に従ってください。

配置した SVG ファイルを使用して、サイトのデザインを続行します。切り抜きツールを使用して SVG 画像を切り抜くことはできません。ただし、デザイン上の要求に合わせてサイズを調整することは可能です。

読み込まれた SVG ファイルをラスタ画像にリンクできます。また、読み込まれた画像を SVG ファイルに再リンクすることもできます。

Adobe Illustrator から SVG をコピーする

Adobe Muse では、Adobe Illustrator から Web ページカンバスにコンテンツをコピーできます。サイトデザインでのアートワークのコンテンツ全体を保存して使用したくない場合に、コンテンツのコピーは便利です。

アートワークの一部をコピーするときに、Illustrator はアートワークを SVG に変換し、Adobe Muse が使用するクリップボード上に配置します。Adobe Muse はコピーしたコンテンツを埋め込み SVG として扱うため、デザインニーズに応じてグラフィックのサイズを変更できます。

背景塗りおよびブラウザー塗りへ SVG を読み込み

ビデオチュートリアル