なぜ INDD を HTML に変換するのですか？
InDesign は印刷および固定レイアウト用のツールです。HTML への書き出しにより、テキストコンテンツを再入力することなくウェブサイトや CMS 用に再利用できるようになります。これは、印刷レイアウトからデジタル版を作成する際の一般的な最初のステップです。
INDD から HTML への変換方法
Adobe InDesign APP
「ファイル」 > 「書き出し」に移動し、HTML を選択、画像処理（JPEG または GIF、解像度）と CSS オプションを設定して「書き出し」をクリックします。InDesign は HTML ファイルと images/ サブフォルダを書き出します。
Adobe InDesign for Mac APP
「ファイル」 > 「書き出し」に移動し、HTML を選択、画像と CSS の設定を構成して「書き出し」をクリックすると、HTML ファイルと画像サブフォルダが生成されます。
IDMarkz APP
IDMarkz で INDD を開き、その書き出しオプションを使用して HTML に変換します。これにより、InDesign をインストールすることなくコンテンツを抽出できます。
INDD を変換するプログラム
これらの形式について
.INDD
Adobe InDesign Document
INDD ファイルは Adobe InDesign の作業用ドキュメントであり、雑誌、書籍、パンフレット、チラシなどのプロフェッショナルなページレイアウトに使用されます。これは Adobe InDesign（有料サブスクリプション）でのみ正しく開くことができます。無料で閲覧するには、ブラウザで Photopea…
.INDD の詳細を開く →
.HTML
HyperText Markup Language Web Page
HTML ファイルは Web ページです。ブラウザが読み取って整形されたページとして表示するための、マークアップタグを含むプレーンテキストです。表示するには、ダブルクリックするとブラウザ（Edge、Chrome、Firefox、Safari）で開きます。コードを編集するには、Notepad++ や VS Code などのテキストエディタで開きます。 .html と .htm…
.HTML の詳細を開く →品質と注意点
- InDesign の HTML 書き出しはコンテンツ抽出用であり、そのまま公開できるウェブコードではありません。段組みレイアウト、マスターページの要素、複雑なテキストの回り込みなどは HTML にうまく変換されません。
- 段落スタイルは InDesign のスタイル名を使用して CSS クラスにマッピングされますが、プロジェクトに合わせて名前の変更が必要になる場合があります。
- HTML 内の読み上げ順序は、視覚的なページ順序ではなく InDesign のストーリー順序に従います。フレームがスレッド化されていない場合、コンテンツがページ上の表示とは異なる順序で現れることがあります。
よくある質問
HTML の出力結果は InDesign のレイアウトと同じようになりますか？
書き出しに画像は含まれますか？
images/ サブフォルダに書き出されます。埋め込まれていないリンク画像は、リンクファイルが存在しない場合、低解像度のプレビューとして書き出されることがあります。InDesign なしで INDD を HTML に変換できますか？
.indd ファイルを開いて HTML に書き出すことができます。
