ウェブアートデザイナーを使うとWeb用に画像のファイルサイズを小さくして保存することができます。
また、保存形式の選択や、保存方法の選択もできます。
［Web用保存ウィザード］の使い方について解説します。
ウェブアートデザイナーの起動
ホームページビルダーを起動して、［ツール］メニューの［ウェブアートデザイナーの起動］をクリックします。
ウェブアートデザイナーが起動します。
ファイルから貼り付け
ツールバーの［ファイルから貼り付け］ボタンをクリックして、キャンバスに貼り付けたい画像を選択して［開く］ボタンをクリックします。
参考1枚のみの画像の場合は、［キャンバスを開く］ボタンからファイルを開いてもかまいません。キャンバスに複数のファイルを表示して操作する場合は、［ファイルから貼り付け］を選択します。
Web用保存ウィザードの起動
ツールバーから［Web用保存ウィザード］ボタンをクリックします。
または、画像で右クリックして、ショートカットメニューの［Web用保存ウィザード］をクリックします。
［Web用保存ウィザード］画面が表示されます。
保存対象の選択
保存するオブジェクトは、1枚のみなので［選択されたオブジェクトを保存する］を選択して［次へ］のボタンをクリックします。
複数の場合は ［保存するオブジェクトを指定する］にチェックをして、［指定］ボタンをクリックして保存するオブジェクトを指定します。
参考［キャンバスを開く］ボタンからファイルを開いた場合は、［保存するオブジェクトを指定する］のみが有効になります。［選択されたオブジェクトを保存する］は無効になります。
［保存するオブジェクトを指定する］を選択した場合は、［指定］ボタンを押して選択します。
保存形式の選択
保存形式の選択をします。説明をよく読んでくださいね。［次へ］のボタンをクリックします。
- GIF
最大256色しか扱えまえんが、フィルサイズを小さくすることができます。
多くの色を必要としない画像、例えばイラストなどに適しています。
GIF画像の一部を透明にすることができます。 - JPEG
ファイルサイズのわりには画像の低下が目立ちにくいというメリットがあります。
フルカラーの画像、例えば、デジタルカメラで撮影した写真などに適しています。
JPEG画像の一部を透明にすることはできません。 - PNG
JPEGとは違い画像が低下しませんが、その分ファイルサイズが大きくなります。
例えばコンピュータグラフィックなどのような、画質を劣化させたくないフルカラーの画像に適しています。
PNG画像の一部を透明にすることができますが、対応しているブラウザがまだ少ないのが難点です。
JPEG属性の設定
JPEGの設定をします。
設定前と設定後の画像を見比べながら、またファイルサイズを確認しながら画質のつまみをドラッグして調整します。
［次へ］のボタンをクリックします。
保存方法の選択
保存方法を選択します。
ここも説明をよく読んでくださいね。
3つの保存方法のどれかを選択して、［完了］ボタンをクリックします。
ホームページ・ビルダーに貼り付け
①ビルダーを起動させて、画像を挿入したい位置にカーソルを置いてから、ここまでの操作をして［ホームページ・ビルダーに貼り付け］を選択すると、ファイルのカーソルの位置に貼り付けることができて便利です。
パーソナルフォルダに保存
②［パーソナルフォルダに保存］を選択すると、ビルダーから簡単に利用することができます。
以下のようにパーソナルフォルダは［サイト/素材ビュー］から開くことができます。
ドラッグするだけで、画像をページへ挿入することができます。
ファイルに保存
［ファイルに保存］は、パソコンなど、自分で指定した場所を選択して保存します。
GIF属性の設定
また、JPEG保存とGIF保存では設定画面が違います。
下がGIF画像を保存する場合の設定画面です。
GIFで使える色数は256色ですが、1色だけ透明色にすることができます。
バナーやアイコン、ロゴなどの画像によく利用します。
