注意:
Adobe Muse は、新しい機能が追加されなくなり、2020 年 3 月 26 日にサポートが中止される予定です。詳細な情報と支援については、Adobe Muse のサービス終了ページを参照してください。
Adobe Muse では、Adobe Illustrator などのツールを使用して作成したベクターグラフィックをサイトデザインで使用できます。現在、Adobe Muse では、スケーラブルベクターグラフィックス(SVG)形式をネイティブサポートしています。SVG フォーマットを使用してロゴ、アイコン、背景およびブラウザーの塗りなどを作成し、Adobe Muse 内の Web ページカンバスに直接配置できます。
SVG フォーマットで保存されるグラフィックは軽快で、解像度に依存しません。そのため、グラフィックをページの読み込み時間やサイトの外観に影響することなく、大きなサイズで表示できます。SVG ファイルは、HiDPI ディスプレイでもサポートされています。
SVG フォーマットは解像度に依存しないため、Adobe Muse では、SVG ファイルを標準の Web サイトと高解像度の Web サイトの両方で同様に扱います。SVG ファイルをデザインビューの Web カンバスに配置する場合、元のサイズの 50% に縮小されません。
注意:
Adobe Muse 2015.1 またはそれ以前のバージョンを使用している場合のみ、以下の手順は有効です。
Adobe Muse 2015.1 またはそれ以前のバージョンを使用している場合、 Adobe Muse 内で SVG ファイルを読み込んで配置する前に、「Adobe Muse に SVG ファイルを配置する準備」に記載されている手順に従ったことを確認します。
Adobe Muse では、Adobe Illustrator から Web ページカンバスにコンテンツをコピーできます。サイトデザインでのアートワークのコンテンツ全体を保存して使用したくない場合に、コンテンツのコピーは便利です。
アートワークの一部をコピーするときに、Illustrator はアートワークを SVG に変換し、Adobe Muse が使用するクリップボード上に配置します。Adobe Muse はコピーしたコンテンツを埋め込み SVG として扱うため、デザインニーズに応じてグラフィックのサイズを変更できます。
-
背景塗りまたはブラウザー塗りに応じて、塗りおよびブラウザー背景を選択します。詳細については、「塗りおよびブラウザー背景オプションの使用」を参照してください。
注意:
SVG ファイルを背景塗りまたはブラウザー塗りに追加すると、「サイズを合わせる」属性をサイズに合わせて拡大・縮小または全体に拡大・縮小に設定したときに画像はデザインビューでラスタライズされて表示されます。ただし、Adobe Muse 内またはブラウザー上でプレビューする場合は、想定どおりにレンダリングされます。