HTML 書き出しオプション

最終更新日 : 2026年8月7日

Adobe InDesign の web 対応コンテンツ用の HTML 書き出しオプションの設定について説明します。

HTML 書き出しオプションは、文書のコンテンツ、構造、画像、およびスタイルを HTML に変換する方法を制御します。これらの設定は、読み取り順序、書式設定、画像の処理、CSS やスクリプトを含めるかどうかに影響します。

共通オプション

オプション	機能
書き出し	選択したアイテムを書き出すか、文書全体を書き出すかを指定します。テキストフレームを選択すると、オーバーセットテキストを含む完全なストーリーが書き出されます。「文書」を選択すると、上書きされていない親ページのアイテムと非表示レイヤーのアイテムを除く、スプレッド全体のすべてのページアイテムが書き出されます。XML タグ、索引、および目次も無視されます。
コンテンツの順序	ページオブジェクトの読み取り順序を定義します。 • ページレイアウトを基準にする：読み取り順序はレイアウトの配置順に従います。 • XML 構造と同じ：読み取り順序は構造パネルのタグに従います。 • アーティクルパネルと同じ：読み順序はアーティクルパネルの順序に従います。チェック済みのアーティクルのみが書き出されます。

オプション	機能
箇条書き	箇条書きの段落を HTML リストまたはテキストに変換します。番号なしリストにマップ：HTML でタグを使用してフォーマットされる箇条書きの段落をリストアイテムに変換します。テキストに変換：タグを使用して箇条書き記号をテキストとしてフォーマットします。 InDesign のネイティブの自動箇条書きを使用した場合は、小段落の箇条書きも対象となります。
番号	自動番号リストを番号付きリストまたはプレーンテキストに変換します。番号付きリストにマップ：自動番号リストを HTML でタグを使用してフォーマットされたリストアイテムに変換します。テキストに変換：自動番号リストを、番号を含め、テキストとして現在の番号で始まる段落に変換します。
書き出した後 HTML を表示	書き出した HTML ファイルをブラウザーで開きます（利用可能なブラウザーがある場合）。

オプション	機能
画像をコピー	画像の書き出し方法を制御します。 • オリジナル：引用元画像を web 画像フォルダーにコピーします。 • 最適化：web 出力用の書き出し設定を適用します。 • サーバーパスにリンク：画像を書き出す代わりに指定されたパスを参照します。
レイアウトのアピアランスを保持（グラフィック／メディアオブジェクトの場合）	グラフィックとメディアオブジェクトのレイアウトに基づく属性を保持します。

オプション	機能
解像度	1 インチあたりのピクセル数で画像の解像度を定義します。利用可能な値は、72、96、150、300 ppi です。値が高いほど品質が向上します。
画像サイズ	スケーリング動作をコントロールします。固定サイズは寸法を維持します。「テキストの方向を基準にする」は、テキスト幅に比例して画像を拡大縮小します。
画像の整列および間隔	レイアウト内での画像配置と垂直間隔を設定します。

オプション	機能
画像変換	次のいずれかの出力形式を決定します：GIF、JPEG、PNG、または自動。

オプション	機能
パレット	カラー処理を定義します： • アダプティブ（ディザなし）：ディザリングなしでサンプリングされた色を使用します。 • Web：Web セーフパレットを使用します。 • システム（Windows）またはシステム（Mac）：システムカラーパレットを使用します。
インターレース	読み込み中に画像を段階的に表示します。

オプション	機能
画質	圧縮と画質を制御します。品質を下げるとファイルサイズが小さくなります。
フォーマット	表示動作を定義します。 • プログレッシブ：読み込み中に段階的に表示します。 • ベースライン：完全なダウンロード後に表示します。

オプション	機能
オブジェクト書き出し設定を無視	画像に適用された個別のオブジェクトの書き出し設定を上書きします。

オプション	機能
HTML にクラスを含めない	クラス属性と ID 属性を削除し、冗長な div タグを除去します。
HTML にクラスを含める	書き出した HTML でクラス属性と ID 属性を保持します。
CSS を生成	エクスポート中に CSS が生成されるかどうかを制御します。
ローカルオーバーライドを保持	太字や斜体などのローカルの書式設定を保持します。
スタイルシートを追加	外部CSSファイルへのパスを指定します。ファイル検証は実行されません。

オプション	機能
スクリプトを追加	HTML ページが開くときに実行する JavaScript ファイルを関連付けます。スクリプト検証は実行されません。

ストーリー、リンク付きおよび埋め込み画像、SWF ファイル、脚注、テキスト変数（テキスト）、箇条書きおよび自動番号リスト、内部相互参照、web ページのハイパーリンク、およびテキストアンカー。
ストロークやセルスタイルなどの書式設定があるテーブル。
シェイプ、貼り付けられたコンテンツ、アウトライン化されたテキストなどのオブジェクト。
HTML5 の<audio>タグと<video>タグでラップされたオーディオと H.264 ビデオ。

InDesign で印刷物やデジタル資料を作成
インパクトのある広告、雑誌や本のレイアウトなどをデザインできます。

アーティクルの作成と管理

HTML5 としてのコンテンツの書き出し

アプリ内のステップバイステップのビデオチュートリアルと実践的なガイダンスで学習できます。

ディスカッションに参加し、回答を見つけ、専門家から学び、知識を共有することができます。

お気に入りの Creative Cloud アプリ、サービス、ファイル管理などにアクセスできます。