目次:
ビデオ: [Learn Dreamweaver CS6] 12 イメージの最適化 2024
Adobe Fireworks Creative Suite 5でイメージを作成して編集したら、Web用に準備する準備が整いました。 Webグラフィックスでは、ダウンロード速度と外観の2つの主要な要素を考慮する必要があります。しかし、両方の世界のベストを持つことは難しいです。通常、スピードを上げるために外観をあきらめます。このプロセスは最適化です。
Web設定のプレビュー
Fireworks CS5は、最初から最適化プロセスを支援します。イメージウィンドウの左上にある2-Upプレビューを使用すると、最適化パネルの設定に基づいて、最適化されたイメージと元のイメージを簡単に比較できます。
<！ - 1 - >プレビューウィンドウを使用して2〜4つのWebフォーマットを比較し、どのファイルが最も見やすく表示されているかを確認できます。各プレビューウィンドウには、ファイルサイズなどの重要な情報が含まれています。
あなたが夢中になりたい場合は、「4-Up」をクリックして4つの設定を比較できます。プレビューウィンドウを使用すると、フォーマット、色数、品質などのさまざまな設定をすばやく変更して、Web上で画像をプレビューせずにすぐに効果を確認できます。
<！ - 2 - >
最適化パネルの操作
画像を比較する方法を知ったので、必要な最適化の変更はどこで行いましたか？もちろん、最適化パネルで。
ウェブフォーマットの設定を理解したら、最適化するプレビュー画像をクリックすることができます。ウィンドウ→最適化を選択して最適化パネルを開きます。サイズの最も効率的なイメージを提供する設定を適用します。
<！ - 3 - >選択する内容がわからない場合は、[保存された設定]ドロップダウンメニューからデフォルト設定を選択します。一般的には、ラインアートとベクターグラフィックス（単色で作成）はGIFファイルとして保存するのが最善ですが、グラデーションティントのある写真や画像はJPGファイルとして保存する必要があります。最適な設定を選択したら、イメージを書き出すことができます。
Web用のエクスポート
Fireworksの書き出し機能を使用して、個別の画像またはWebページ全体を書き出すことができます。
Fireworksドキュメントを書き出すには、次の手順に従います。
-
ファイル→書き出しを選択します。
エクスポートダイアログボックスが開きます。
-
適切な場所に移動してファイルを保存します。
この画像をウェブサイトで使用する場合は、ウェブ画像に通常使用するフォルダに保存することをお勧めします。
-
[ファイル名]テキストボックスに名前を入力します。
-
「エクスポート」ドロップダウンリストから「イメージのみ」を選択し、「保存」をクリックします。
