トップページの作り方7.トップページで使用する各画像を切り出す

7.トップページで使用する各画像を切り出す

必要な部分を画像で保存する

トップページで使用する画像を切り出して保存します。単純な1本線や背景色などはHTML(CSS)で作ることができますが、グラデーションやロゴマークなどの部分は画像で保存しておく必要があります。

便利な機能「スライス」を利用していっぺんに保存する

フォトショップやイメージレディ・ファイヤーワークスには「スライス」の機能があります。
トップページデザインの各部分を切り抜いていっぺんに保存ができますので、この機能を利用すると効率的です。

ホームページビルダーにあるウェブアートデザイナーではスライスの機能がないので、一か所ずつ正確に切り抜いて保存していきましょう。

正確に切り出すことが重要

コーディングの際に幅が合わなくなったりしないために、1ｐｘ単位で正確に切り出します。
最大に拡大して切り取る範囲を調整し、正確に切り出しましょう。

画像の保存形式

写真の部分は基本的にJPEGで保存します。
それ以外の部分はGIF形式で保存すると間違いはないでしょう。