Corel PaintShop Pro ヘルプ | 画像をスライスする

画像をスライスする

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

画像をスライスすると、保存する必要のあるグラフィックの数を減らすこともできます。Web サイトが複数の画像で同じロゴやグラフィックを表示する場合は、一度スライスしたセクションを保存するだけで、すべての画像に同じロゴやグラフィックを再読み込みします。

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

ユーザーが画像をクリックしたり、マウスポインタを画像上に移動したときに二次画像を表示するロールオーバーを作成することもできます。

セルを作成/編集する

画像をスライスするときは、画像をセルに分割して、セルの境界を編集します。これは、[イメージスライス] ダイアログボックスの [ツール] グループボックスのツールで行います。


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

スライスセルのプロパティを割り当てる

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

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

スライスの環境を設定する

アクティブエリアや非アクティブエリアの境界線の色を選択できます。

スライスの設定を保存する/読み込む

スライスの設定を保存すると、セルの配置と、[イメージスライス] ダイアログボックスで入力した情報が保存されます。保存した設定は、同じ画像にもう一度読み込んだり、他の画像で使用することができます。

スライスを保存する

ハードディスク上のフォルダーにスライス情報を保存して、再使用したり、編集することができます。

画像をセルにスライスするには

編集ワークスペース

[ファイル]

[エクスポート]

[イメージスライス] を選択します。

[イメージスライス] ダイアログボックスが表示されます。

[スライス] ツール

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

注意: 縦線を作成するには、縦にドラッグします。横線を作成するには、横にドラッグします。

[配置] ツール

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

セルの境界線の位置が [セルのプロパティ] グループボックスの下部に表示されます。

[URL] ドロップリストに、セルを表示する Web ページのアドレスを入力します。

画像で既に使用されているアドレスを選択する場合は、[URL] ドロップリストからアドレスを選択します。

[テキスト] テキストボックスに、セルのダウンロード中にブラウザーに表示されるテキストを入力します。

[ターゲット] ドロップリストで、次のターゲットフレームまたはウィンドウオプションのいずれかを選択します。

•

_blank －リンク先のページを新しいブラウザーウィンドウに読み込みます。

•

_parent －リンク先のページをリンクする親ウィンドウまたはフレームセットに読み込みます。ネストされているフレームにリンクが入っていない場合、画像はブラウザーウィンドウ全体に読み込まれます。

•

_self －リンク先のページを同じウィンドウまたはフレームのリンクとして読み込みます。

•

_top －リンク先のページをブラウザーウィンドウ全体に読み込んで、すべてのフレームを削除します。

[保存] をクリックします。

[HTML の保存] ダイアログボックスが表示されます。

HTML コードを保存するフォルダーに移動して、[保存] をクリックします。


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