画像をスライスする

画像をスライスすると、画像がいくつかの小さいセクションに分割され、この小さいセクションごとに異なった形式で保存したり、異なるレベルの最適化で保存できます。これらの最適化されたセクションは 1 つの大きな画像よりもダウンロードに時間がかからないので、Web ページがより速くロードされます。

イメージスライス機能を使用すると、画像からテーブルを作成し、スライスした各セクションの場所をテーブルのセルとして保存して、テーブルとセルの HTML コードを生成することができます。このコードをソースファイルにコピーすることによって、ユーザーが Web ページをダウンロード (閲覧) したときに画像が再構築されます。

ツール	説明
	[配置] ツールを使用して、セルをアクティブにしたりセルの境界線を移動したりできます。
	[グリッド] ツールは、画像全体または別のセル内に均等なサイズのセルを作成できます。
	[スライス] ツールは、縦または横の線を作成できます。
	[削除] ツールは、スライス線を削除できます。
	[パン] ツールは、プレビュー内の画像をドラッグして、画像の表示されていない領域を表示できます。

スライスセルを作成した後で、URL、ALT テキスト、ターゲットフレームをそれぞれのセルに割り当てることができます。ダウンロードした画像にセルを表示させることもできます。セルを省略することによって、他の画像 (ロゴやテキスト) からセルを追加して、4 角形以外の形の画像を作成することができます。

ALT テキストを割り当てると、画像のロード中はそのテキストが表示されます。このテキストは、画像をダウンロードできない場合や、ユーザーが Web ブラウザーで画像の表示を無効にしている場合にも表示されます。Internet Explorer の一部のバージョンでは、このテキストはツールヒントとしても表示されます。

2 [スライス] ツール

を選択して、スライス線を作成する画像内をクリックします。

3 [配置] ツール

を選択して、セル内をクリックしてアクティブにします。

目的
セルを一定の間隔/サイズで作成する	[グリッド] ツールをクリックします。プレビュー領域でクリックして、[グリッドのサイズ] ダイアログボックスを開き、[行] と [列] コントロールに値を入力/設定します。
スライス線または境界線を移動する	[配置] ツールをクリックして、カーソルを線の上に移動します。カーソルが双方向の矢印に変わったら、線をクリックして新しい位置にドラッグします。現在のセル内の線分だけを移動するには、Shift キーを押したまま、線をクリックします。
線や境界線を削除する	[削除] ツールをクリックして、カーソルを線の上に移動します。カーソルが消しゴムに変化したら、線をクリックして削除します。線を削除することで無効な領域が発生する場合は、その線を消せないことを示すアイコンが表示されます。
ダウンロードする画像のセルを省略する	[配置] ツールでセルをクリックし、[テーブルにセルを含める] チェックボックスのチェックを外します。
スライス設定をクリップボードに保存して、HTML コードに貼り付けることができる	[クリップボード] ボタンをクリックし、[HTML コピー先フォルダー] ダイアログボックスを開きます。HTML ファイルが保存されているフォルダーに移動して、[OK] をクリックし、スライスの設定を保存します。 HTML ファイルを開き、HTML スライスコードを挿入する場所にカーソルを置いて、Ctrl + P キーを押します。
セルのロールオーバーを作成する	[ロールオーバーの設定] をクリックします。画像のロールオーバーの作成の詳細については、画像のロールオーバーを作成するを参照してください。