「Web用に保存」ダイアログボックスで、プリセットメニューから設定名を選択し、「OK」をクリックします。
最終更新日 :
2022年5月17日
最適化
Web用の最適化とは、画像を圧縮し、インターネットで最適に使用するための表示オプションを設定するプロセスです。画像をインターネットに掲載する場合、ファイルサイズが重要になります。適度なダウンロード時間を可能にするのに十分小さく、かつ色や細部を満足できるレベルで保持するのに十分大きなファイルサイズを実現したいものです。webで使用される主要なグラフィックファイル形式は、GIF、JPEG、PNGの3つです。
画像をwebに掲載する場合、ファイルサイズについて考える必要があります。目標は、適度なダウンロード時間を可能にするのに十分小さく、かつ色や細部を満足できるレベルで保持するファイルサイズです。
webでは、GIF、JPEG、PNGという3つの主要なグラフィックファイル形式が使用されます。これらの形式の画像は、次のいずれかの方法を使用して最適化できます：
Adobe Dreamweaverなどのwebオーサリングアプリケーションで使用するために画像を正確に最適化するには、「web用に保存」コマンドを使用します。「web用に保存」ダイアログボックスでは、画像を異なるファイル形式と異なる最適化設定でプレビューできます。透明度やアニメーション設定も指定できます。
基本的な最適化を行う場合は、「別名で保存」コマンドを使用します。 ファイル形式に応じて、画像品質、背景の透明度やマッティング、カラー表示、ダウンロード方法を指定できます。
Using the Save For Web dialog box
「Web用に保存」ダイアログボックスを使用して、Web上で共有したい写真に対する異なる最適化オプションの効果をプレビューします。作業は簡単です。 写真を開き、ファイル／web用に保存を選択します。次に、ファイル形式メニューから形式（GIF、JPEG、PNG‑8、またはPNG‑24）を選択し、必要に応じてオプションを設定します。（ファイル形式メニューはプリセットメニューの下にあります）。 これにより、元の画像を上書きせずに、ファイルのコピーが保存されます。
A. ツールボックス B. スポイトツールカラー C. 最適化設定とその他のオプションのメニュー D. 画像サイズ E. アニメーションオプション F. ズームレベルメニュー G. ブラウザープレビューメニュー H. 元の画像 I. 最適化した画像
最適化オプションは、「web用に保存」ダイアログボックスの右側に表示されます。Web ファイル形式の選択に加えて、圧縮とカラーオプションの選択、背景の透明度の保持または背景マッティングの設定、および画像サイズの変更を行うことができます。事前定義された設定を使用する（プリセットメニューから形式を選択する）か、形式固有のオプションを選択して最適化を微調整できます。
画像ウィンドウには、元の画像（左側）と最適化された画像のプレビュー（右側）が表示されます。各ウィンドウの下には、最適化情報（現在の設定、最適化されたファイルのサイズ、推定ダウンロード時間）が表示されます。調整を行うと、最適化された画像の下の情報が新しい設定を反映して変更されます。
小さなツールボックスがダイアログボックスの左上隅にあります。画像の異なる領域を表示するには、手のひらツールを選択し、それらの領域をビューに移動するようにドラッグします。画像をズームインするには、ズームツールを選択してビュー内をクリックし、次にAltキーを押しながら再度クリックしてズームアウトします。（または、ダイアログボックス下部のズームボックスを使用することもできます。）```json { "trancreatedText": [ "マットカラーを作成するには、スポイトカラーツールを使用してください。
webに最適化されたファイル形式
Web用に4つの形式から選択できます。web画像の形式を選択する際は、以下のガイドラインに従ってください：
JPEG
ほとんどの写真の保存に最適な形式です。
PNG‑24
JPEG と同様に、写真に適した形式です。 画像に透明が含まれている場合のみ、JPEGではなくPNG‑24を選択してください。（JPEGは透明をサポートしていないため、マットカラーで塗りつぶす必要があります。）PNG‑24ファイルは、同じ画像のJPEGファイルよりもはるかに大きくなることが多いです。
GIF
GIFは、線画、べた塗りの大きな領域とシャープなディテールを含むイラスト、およびテキストに使用する形式です。また、アニメーション画像を書き出したい場合は、GIFを使用する必要があります。
PNG‑8
PNG‑8 は、あまり知られていませんが GIF と同等の形式で、 同じ目的（アニメーションを除く）で使用してください。
GIFおよびPNG‑8形式の画像は、インデックスカラー画像とも呼ばれ、最大256色まで表示できます。画像をインデックスカラー形式に変換するため、Photoshop® Elementsはカラールックアップテーブルを作成します。元の画像の色がカラールックアップテーブルに存在しない場合、アプリケーションはテーブル内の最も近い色を選択するか、利用可能な色の組み合わせを使用して色をシミュレートします。
JPEGおよびPNG‑24ファイルは24ビットカラーをサポートするため、最大1600万色まで表示できます。形式によっては、画像品質、背景の透明またはマッティング、カラー表示、およびダウンロード中にブラウザーが画像を表示する方法を指定できます。
webでの画像の外観は、コンピュータープラットフォーム、オペレーティングシステム、モニター、およびブラウザーによって表示される色にも依存します。異なるブラウザーや異なるプラットフォームで画像をプレビューして、webでの表示を確認することをお勧めします。
既定の最適化設定の適用
「Web用に保存」ダイアログボックスの右上隅付近にあるプリセットメニューからプリセットと呼ばれる定義済み最適化設定を選択することで、Web用の画像をすばやく簡単に最適化できます。プリセットは、さまざまなタイプの画像の最適化ニーズに合わせて調整されています。
各プリセットの名前は、そのファイル形式と品質レベルを反映しています。たとえば、JPEG Highを選択すると、高画質で低圧縮のJPEG形式で画像が最適化されます。GIF 32 Ditheredを選択すると、GIF形式で画像が最適化され、色数が32に減らされ、ディザリングが適用されます。
「最適化ファイルを保存」ダイアログボックスで、ファイル名を入力して「保存」をクリックします。
メモ
プリセットのオプションを変更すると、プリセットメニューには「[名称未設定]」という文字が表示されます。" ] } ```カスタム設定を保存することはできません。 ただし、次回表示するときに、現在の設定が「Web用に保存」ダイアログボックスに表示されます。
