Web 出力設定の保存

出力設定によって、最適化した画像を保存するときの HTML ファイルの書式設定方法、ファイルおよびスライスの名前の付け方、背景画像の扱い方を制御します。 これらのオプションは 出力設定ダイアログボックスで設定します。

出力設定を保存して別のファイルに適用することができます。

HTML 出力オプション

HTML セットには次のオプションを設定できます。

書き出し時に XHTML 標準に準拠した Web ページを作成します。 「XHTML の出力」を選択すると、XHTML 標準と矛盾する他の出力オプションは使用できなくなります。 このオプションを選択すると、「 タグケースおよび属性ケースオプション。

タグ名の大文字、小文字による表記方法を指定します。

属性での大文字と小文字の使い方を指定します。

コード行をインデントする方法を指定します。オーサリングアプリケーションのタブ設定を使用するか、指定した個数のスペースを使用するか、またはインデントを行わないかを選択します。

改行コードの互換性を確保するため、使用するプラットフォームを指定します。

Web ページ用の初期設定の文字エンコーディングを指定します（このオプションは Illustrator だけで使用できます。Photoshop では常に UTF-8 エンコーディングを使用します）。

説明のコメントを HTML コードに追加します。

一般的な Web アクセス標準に準拠するよう IMG 要素に ALT 属性を追加します。

タグ属性を常に引用符で囲みます。 旧式のブラウザーや厳密な HTML 標準に準拠するには、属性に引用符を使用することが必須です。 ただし、常に属性の値を引用符で囲むことはお勧めできません。 このオプションの選択を解除している場合は、必要に応じて引用符が使用され、ほとんどのブラウザーに対応できます。

XHTML に準拠するようファイル内のすべての HTML 要素に終了タグを追加します。

ブラウザーウィンドウ内の初期設定の余白を削除します。 値が 0 に設定された marginwidth タグ、marginheight タグ、leftmargin タグおよび topmargin タグを Body タグに追加します。

スライス出力オプション

スライスセットには次のオプションを設定できます。

カスケーディングスタイルシートではなく、HTML テーブルを使用してスライスを配置します。

空のスライスをテーブルセルに変換する方法を指定します。 IMG タグで指定されている幅と高さの 1 ピクセル GIF を使用するには、「GIF, IMG W&H」を選択します。 TD タグで指定されている幅と高さの 1 ピクセル GIF を使用するには、「GIF, TD W&H」を選択します。 テーブルデータにセル内で折り返さない属性を使用して、TD タグで指定されている幅と高さを使用するには、「NoWrap, TD W&H」を選択します。

テーブルデータの幅および高さの属性を追加するかどうかを指定します。「必ず追加」、「追加しない」または「自動」（推奨設定）があります。

生成されたテーブルの周囲に空のセルスぺーサーの行と列を追加するかどうかを指定します。「自動」、「自動（下）」（推奨設定）、「必ず追加」、「必ず追加（下）」、「追加しない」のいずれかを選択します。 スライスが整列していないテーブルレイアウトの場合、セルスペーサーを追加することで、一部のブラウザーで発生するテーブルの分割を防止できます。

HTML テーブルではなく、カスケーディングスタイルシートを生成します。

CSS を使用する場合に HTML ファイルでスライスの位置の参照方法を指定します。

ID ごと 一意の ID で参照されるスタイルを使用して各スライスを配置します。

インラインブロックオブジェクトである <DIV> タグの宣言にスタイル要素を含めます。

クラスごとに一意の ID で参照されるクラスを使用して各スライスを配置します。

ポップアップメニューからオブジェクトを選択するか、またはテキストをフィールドに入力して、スライス名を初期設定します。 選択できるオブジェクトには、ドキュメント名、 スライスという単語、スライスまたはロールオーバーステートを示す番号または文字、スライスの作成日、句読点、または「なし」があります。

背景の出力設定

出力設定ダイアログボックスでは、次の背景オプションを設定できます。

Web ページで現在の画像の背景に画像または単一色を表示するには、「画像」を選択します。 Web ページで最適化した画像をタイル形式の背景として表示するには、「背景」を選択します。

画像ファイルの場所を入力するか、「選択」をクリックして画像を選択します。 指定したファイルが Web ページ上の最適化画像の背景画像としてタイル形式で表示されます。

カラーボックスをクリックし、カラーピッカーを使用して背景カラーを選択します。または、ポップアップメニューでオプションを選択します。

ファイルの保存の出力設定

出力設定ダイアログボックスでは、次のファイルの保存オプションを設定できます。

ポップアップメニューでオブジェクトを選択するか、ボックスにテキストを入力して、すべてのファイルで使用するベースファイル名を作成します。 オブジェクトには、ファイルの名前、スライス名、ロールオーバーステート、トリガー名、ファイル作成日、スライス番号、区切り記号、ファイル拡張子があります。 オプションによっては、ファイルにスライスまたはロールオーバーステートが含まれている場合にだけ意味を持つものがあります。

これらのテキストボックスでは、ファイル名の各部の順序と書式を変更できます（例えば、ロールオーバーステートを正式な用語ではなく短縮形で表すことができます）。

Windows（長いファイル名が可能）、Mac OS、UNIX でファイル名の互換性を持たせるものを選択します。

最適化した画像を保存するフォルダーを指定します（ドキュメントにスライスが複数含まれている場合にだけ使用可能です）。

背景の環境設定で指定された背景画像を保存します。

タイトルと著作権情報を画像に含める

 ファイル情報ダイアログボックスに情報を入力することで、Web ページにタイトルおよび著作権情報を追加できます。画像が HTML ファイルと共に書き出されると、Web ブラウザーのタイトルバーにタイトル情報が表示されます。 著作権情報は、ブラウザーには表示されませんが、HTML ファイルにコメントとして追加され、画像ファイルにはメタデータとして追加されます。