コンテンツ
Web用に画像を最適化するときは、品質とファイルサイズのバランスがとれるように各画像を個別に扱う必要があります。 Adobe Photoshop CS4は、2種類のPNGを使用しています。多くの色を含めることができるPNG-24と、はるかに小さいファイルを生成するPNG-8。これは、PNG-8画像はより速くロードされますが、保存されたPNG-24画像よりも全範囲の色が含まれていないことを意味します。 Photoshop CS4には、Web用に画像を最適化するのを簡単にする「Webおよびデバイスに保存」オプションがあります。
説明書
-
Adobe Photoshop CS4で画像を開きます。
-
[ファイル]メニューをクリックし、[Webとデバイスに保存]を選択します。
-
ウィンドウの左下隅にあるドロップダウンメニューをクリックして、ズームインまたはズームアウトして画像を表示します。このメニューでパーセンテージを入力するか、提案されているものの1つを選択できます。
-
ウィンドウ右側のドロップダウンメニューからファイルタイプとして「PNG-24」を選択してください。
-
プレビューの上にある[4アップ印刷]タブを選択します。これによりプレビューウィンドウが変わり、PNG-24と他の2つのフォーマットで保存された元の画像を並べて表示することができます。
-
ウィンドウの右側にあるオプションを使用してPNG-24ファイルを設定し、画質をオリジナルと比較し、ファイルのサイズに注意を払います。
-
元の画像またはPNG-24以外のプレビューウィンドウをクリックします。ドロップダウンメニューから形式をPNG-、8に変更します。
-
ウィンドウの右側にあるオプションを使用してPNG-8ファイルを構成し、元のファイルとPNG-24ファイルの画質を比較し、ファイルサイズに注意を払います。
-
人間の目が最も敏感な色を優先するには、「知覚的」を選択します。
-
「知覚的」オプションよりも広い範囲を使用するには、「選択的」を選択します。
-
画像で最も使用されている色を優先する場合は、[アダプティブ]を選択します。
-
カラーテーブルでカラーパレットを手動で変更するには、[カスタム]を選択します。
-
画像の透明ピクセルを維持するには、[透明]を選択します。 「無光沢」をクリックして透明なピクセルを色に置き換えてから、使用する色を選択します。
-
元のイメージに忠実であると同時に、サイズが最も小さいイメージを選択してください。