鈴木智子のホームページのアクセスアップ コーディング講座 画像をスライスする

画像ファイルの特徴をふまえて、ファイルサイズを極力小さくしつつも画像を綺麗にするというのが「スライス」という作業になります。 背景のグラデーションをスライスする作業を例にとり、「スライス」の説明をします。「鈴木智子のホームページのアクセスアップ講座」の背景のグラデーションは、ちょっと凝っています。どこが凝っているかと言うと、縦方向のグラデーションの上に横方向のグラデーションが掛かっているところです。 このようにグラデーションが縦方向と横方向の両方に入っている場合は、htmlタグの再定義に縦方向のグラデーションを定義し、bodyタグの再定義に横方向のグラデーションを透過pngで定義します。 では、実際にスライスしてみましょう。 まずはPhotoshopで作成したデザインを開きましょう。 背景部分のグラデーションを[スライスツール]で選択するには、グリッドを表示させて、グリッド上をスナップさせ