アドビヘルプセンター

Photoshop デスクトップヘルプ

スライスのプロパティを表示および編集する

Last updated on 2026年10月29日

Adobe Photoshop で「スライスオプション」ダイアログボックスを使って、スライス名、リンク、コンテンツタイプ、メタデータを設定する方法を説明します。

スライスオプションダイアログボックスを使って、HTML 書き出し用のスライス名、コンテンツタイプ、ハイパーリンク、背景色を設定します。

「スライスオプション」ダイアログボックスを開く

ツールバーからスライス選択ツールを選択します。

いずれかのスライスをダブルクリックして、スライスオプションダイアログボックスを開きます。

ヒント

スライスを選択し、オプションバーのスライスオプションアイコンを選択することもできます。

スライス名の変更

スライス選択ツールを選択し、スライスをダブルクリックします。

名前ボックスに名前を入力します。

「OK」を選択します。

コンテンツに基づいてスライスの名前を変更すると、書き出したファイルを識別して管理しやすくなります。初期設定では、ユーザースライスには出力設定ダイアログボックスの設定に従った名前が付けられます。

メモ

画像なしスライスタイプでは、名前ボックスは使用できません。

スライスのコンテンツタイプを変更

スライス選択ツールを選択し、スライスをダブルクリックします。

スライスタイプメニューを選択し、画像データを含むスライスには画像、空の HTML テーブルセルには画像なしを選択します。

「OK」を選択します。

画像スライスには画像データが含まれ、初期設定のコンテンツタイプです。画像なしスライスでは空の HTML テーブルセルが作成され、書き出し時に HTML テキストやべた塗りで内容を設定できます。

メモ

自動スライスを編集すると、ユーザースライスに変換されます。

URL リンクとターゲットフレームを追加

スライス選択ツールで画像スライスを選択し、ダブルクリックします。

URL ボックスに、相対 URL または絶対 URL を入力します。絶対 URL にはプロトコル (http:// または https://) を含めます。

ターゲットボックスにフレーム名を入力して、リンクを開く場所を指定します：新しいウィンドウで開く場合は _blank、同じフレームで開く場合は _self、親フレームセットで開く場合は _parent、すべてのフレームを解除する場合は _top です。

「OK」を選択します。

スライス領域全体が、Web ブラウザーでクリック可能になります。

メモ

このオプションは画像スライスにのみ使用でき、書き出された HTML ファイルに表示されます。

背景色を設定

スライス選択ツールで画像スライスを選択し、スライスをダブルクリックします。

背景色メニューから背景色を選択します。なし、マット、白、黒のいずれかを選択するか、その他を選択してカラーピッカーツールを使用します。

「OK」を選択します。

メモ

背景色は、画像スライスと画像なしスライスの両方に適用できます。

Photoshop は選択した背景色をドキュメントウィンドウに表示しません。結果を確認するには、Web ブラウザーで画像をプレビューしてください。

ブラウザーメッセージと代替テキストを追加

ユーザーがスライスの上にマウスを置いたときにブラウザーのステータスバーに表示する説明テキストを、メッセージテキストボックスに入力します。

画面読み取りソフトや画像を表示しないブラウザー用に画像を説明する代替テキストを、Alt タグボックスに入力します。

「OK」を選択します。

メモ

最近の多くのブラウザーは、カスタムステータスバーメッセージを無視します。

ヒント

Photoshop の環境設定で、スライスの表示と外観をコントロールできます。

スライスの境界線を切り替えるには、表示 > 表示 > スライスを選択します。

スライス番号を表示または非表示にするには、編集 > 環境設定 > Guides、グリッドとスライス（Windows）または Photoshop > 環境設定 > Guides、グリッドとスライス（macOS）を選択し、スライス番号を表示を選択します。

スライスの線の色を変更するには、スライスの線で色を選択します。

スライスの種類とインジケーターを理解する

Photoshop には、様々なスライスの種類を識別するための視覚的なインジケーターが表示されます。

スライスの境界線

インジケーター	意味
実線	ユーザースライスまたはレイヤーベースのスライス
点線	自動スライス

スライスの色とバッジ

インジケーター	意味
青いアイコン	ユーザースライス
画像なしの青いアイコン	「画像なし」スライス
レイヤーバッジ	レイヤーベースのスライス
グレーのアイコン	自動スライス

スライスの番号付け

スライスには、左上隅を起点として、左から右、上から下の順に番号が付けられます。スライスを並べ替えたり変更したりすると、番号は自動的に更新されて新しい順序が反映されます。

サブスライス

スライスが重なっている場合、Photoshop はサブスライス (自動スライスの一種) を作成します。サブスライスは個別に選択したり編集したりすることはできません。

Photoshopで魅力的な画像を作成
業界をリードする使い慣れた創造的なツールで写真を編集、レタッチ、変換できます。

アプリを開く

ファイルを EPS および DCS 形式で保存します。

Mac で保存後に PDF が自動的に開かない

学ぶ

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

コミュニティ

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

アドビホーム

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