InDesign で SVG ファイルを読み込む方法について説明します。
SVG file

InDesign および InCopy ドキュメントの SVG および SVGZ フォーマットのファイルを読み込むことが InDesign でできるようになりました。以前は、CC ライブラリの SVG は InDesign で PNG として読み込まれていました。

SVG(スケーラブルなベクターグラフィック)は、シェイプ、パス、テキスト、フィルター効果を使用して画像を描画するベクター形式です。最終的なファイルはサイズが小さく、Web 上でも、印刷する場合でも、さらにはリソースに制約のある携帯用端末でも高品質なグラフィックが得られます。 


SVG ファイルの配置

  • コンピューターに保存した SVG ファイルを配置するには、ファイル配置を選択します。
  • SVG を配置して CC ライブラリで使用できるようにするには、ファイルCC ライブラリから配置を選択します。

SVG ファイルを書き出す

オブジェクトの書き出しオプションを使用して EPUB および HTML に書き出す

  • オブジェクトオブジェクト書き出しオプションを選択します。
  • EPUB と HTML 」タブを開きます。
  • ドキュメント内で SVG オブジェクトが選択されている場合、フォーマット値はSVG として表示されます。
  • 埋め込みコードまたはオブジェクトタグとしてのSVG オプションを選択します。
    • 埋め込みコード:InDesign から作成された HTML または ePub に、SVG のオリジナルの XML コードが追加されています。
    • オブジェクトタグ:SVG は HTML のオブジェクトタグで参照され、SVG ファイルはリソースフォルダーに保存されます。
オブジェクト書き出しオプション

レイアウトのアピアランスを保持

レイアウトのアピアランスを保持ドロップダウンリストから、次のいずれかのオプションを選択します。

オブジェクト書き出しオプション
  • 初期設定:SVG 設定は、HTML または ePub 書き出しダイアログから選択されます。
  • グラフィックオブジェクトに既存のイメージを使用する:SVG は「SVG の用途」で指定したオプション設定に基づいて書き出されたダイアログで使用されます。
  • コンテナをラスタライズコンテンツをラスタライズ:SVG は「 フォーマット」のドロップダウンリストで選択した形式に基づいてレイアウトのアピアランスを保持し、ラスタライズされます。

HTML への書き出し

  • ファイル書き出しHTML を選択します。
  • 画像」タブを開きます。
  • 「画像をコピー」の設定に従って、次の SVG オプションを設定します。
    • オリジナル:「SVG の用途」オプションを有効化して埋め込みコードまたはオブジェクトタグとしてSVG オプションを選択できます。
    • 最適化
      • レイアウトのアピアランスを保持(グラフィックまたはメディアオブジェクト用)」が選択されていない場合:「SVG の用途」オプションが有効です。SVG オプション埋め込みコードまたはオブジェクトタグとして選択することができます。
      • レイアウトのアピアランスを保持(グラフィックまたはメディアオブジェクト用)」オプションが選択されている場合: 「SVG を使用」オプションが無効化されています。ドキュメントの SVG は「画像の変換 」ドロップダウンリストで指定した形式に基づいてラスタライズされます。
HTML 書き出し

EPUB リフロー可能なレイアウトへの書き出し

  1. ファイル書き出しEPUB(リフロー可能)を選択します。
  2. オブジェクト」タブを開きます。
    • レイアウトのアピアランスを保持(グラフィックまたはメディアオブジェクト用)」オプションが選択されている場合: 「SVG の用途」オプションが無効化されています。ドキュメントの SVG は「画像の変換 」設定で指定した形式に基づいてラスタライズされます。
    • グラフィックオブジェクト用に既存の画像を使用」オプションが選択されている場合;「SVG の用途」オプションが有効になっています。
    • これらのオプションを選択していない場合:「SVG の用途」オプションが有効になります。
EPUB リフロー可能オブジェクトオプション

EPUB 固定レイアウトへの書き出し

EPUB の固定レイアウトの書き出しオプションダイアログには、SVG 特有のオプションは含まれていません。ただし、SVG 設定は、オブジェクトの書き出しオプションダイアログボックスで選択されます。

PDF (印刷およびインタラクティブ)または印刷ワークフローへの書き出し

SVG がベクター形式の場合、SVG のネイティブベクターが InDesign から生成される PDF に書き出されます。ただし、インタラクティブ機能、クリッピングマスク、クリッピングパスはすべてサポートされていません。

Publish Online

  • SVG または SVGZ ファイルは、生成された HTML 内の <img> タグで参照されます。
  • Javascript はサポートされていませんが、ネイティブの SMIL アニメーションはサポートされています。

SVG アニメーションのプレビュー

InDesign では、アニメーション SVG ファイルを読み込むことも配置することもできます。EPUB インタラクティブプレビューパネルで、SVG アニメーションをプレビューすることができます。

WindowsインタラクティブEPUB インタラクティビティプレビューを選択します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

リーガルノーティス   |   プライバシーポリシー