画像の最適化

最適化

web用の最適化とは、画像を圧縮し、インターネット上での最適な使用のために表示オプションを設定するプロセスです。 画像をインターネット上に配置する場合、ファイルサイズが重要になります。適度なダウンロード時間を可能にするほど小さく、かつ色と詳細を満足できる程度に保持するのに十分なファイルサイズを実現したいと考えるでしょう。Web上で使用される主要なグラフィックファイル形式は、GIF、JPEG、PNGの3種類です。

画像をweb上に配置する場合、ファイルサイズについて考慮する必要があります。目標は、適度なダウンロード時間を可能にするほど小さく、かつ色と詳細を満足できる程度に保持するファイルサイズです。

web上では3つの主要なグラフィックファイル形式が使用されます：GIF、JPEG、PNGです。これらの形式で画像を最適化するには、次のいずれかの方法を使用することができます：

• Adobe® Dreamweaver®などのWebオーサリングアプリケーションで使用するために画像を正確に最適化するには、「Web用に保存」コマンドを使用できます。「web用に保存」ダイアログボックスでは、異なるファイル形式と異なる最適化設定で画像をプレビューできます。透明度とアニメーション設定を行うこともできます。

• 基本的な最適化を行う場合は、「別名で保存」コマンドを使用します。 ファイル形式に応じて、画像品質、背景の透過またはマッティング、色表示、ダウンロード方法を指定できます。

Using the Save For Web dialog box

「web用に保存」ダイアログボックスを使用して、web上で共有したい写真に対する異なる最適化オプションの効果をプレビューします。作業は簡単です。 写真を開き、「ファイル」>「web用に保存」を選択します。次に、ファイル形式メニュー（GIF、JPEG、PNG‑8、またはPNG‑24）から形式を選択し、必要に応じてオプションを設定します。 （ファイル形式メニューはプリセットメニューの下にあります）。 これにより、元の画像を上書きせずにファイルのコピーが保存されます。

最適化オプションは、Web 用に保存ダイアログボックスの右側に表示されます。 Web ファイル形式を選択するとともに、圧縮およびカラーオプションを選択したり、透明な背景またはマット処理を選択したり、画像のサイズを変更することができます。 定義済みの設定を使用したり（プリセットメニューから形式を選択）、形式固有のオプションを選択して最適化を微調整することもできます。

画像ウィンドウには、元の画像（左）と最適化した画像のプレビュー（右）が表示されます。 それぞれのウィンドウの下には、最適化の情報（現在の設定、最適化したファイルのサイズ、推定ダウンロード時間）が表示されます。 調整を行うと、最適化した画像に新しい設定が反映され、画像の下の情報が変化します。

ダイアログボックスの左上隅には小さなツールボックスが表示されます。 画像の別の部分を表示するには、手のひらツールを選択して画像をドラッグし、該当する部分が表示されるように移動します。 画像をズームインするには、ズームツールを選択してビューをクリックします。次にOptionキーを押しながら再度クリックしてズームアウトします。（または、ダイアログボックスの下にある「ズーム」ボックスを使用します）。 マットカラーを作成するには、スポイトツールカラーを使用します。

Web用の最適化されたファイル形式

web用に4つの形式から選択できます。Web画像の形式を選択する際は、以下のガイドラインに従ってください：

ほとんどの写真の保存に最適な形式です。

JPEG と同様に、写真に適した形式です。 画像に透明が含まれている場合のみ、JPEGではなくPNG‑24を選択してください。 （JPEGは透明をサポートしていません。マットカラーで塗りつぶす必要があります。）PNG‑24ファイルは、同じ画像のJPEGファイルよりもしばしばはるかに大きくなります。

GIFは、線画、広いべた塗り部分があり輪郭がくっきりしたイラスト、およびテキストに使用する形式です。また、アニメーション画像を書き出しする場合は、GIFを使用する必要があります。

PNG‑8 は、あまり知られていませんが GIF と同等の形式で、 同じ目的（アニメーションを除く）で使用します。

GIFおよびPNG-8形式の画像は、インデックスカラー画像と呼ばれることもあり、最大256色を表示できます。画像をインデックスカラー\n形式に変換するために、Photoshop Elementsはカラールックアップテーブルを作成します。元の画像の色がカラールックアップテーブルにない場合、\nアプリケーションはテーブル内の最も近い色を選択するか、\n利用可能な色の組み合わせを使用してその色をシミュレートします。

JPEGおよびPNG‑24ファイルは24ビットカラーをサポートするため、最大1600万色を表示できます。形式によって、画像品質、背景透明度またはマッティング、色表示、\nおよびダウンロード中にブラウザーが画像を表示するために使用する方法を指定できます。

web上での画像の外観は、コンピュータープラットフォーム、オペレーティングシステム、モニター、\nおよびブラウザーによって表示される色にも依存します。webでの表示を確認するために、さまざまなブラウザーやさまざまなプラットフォームで画像をプレビューしたい場合があります。

既定の最適化設定の適用

Save For Web\nダイアログボックスの右上隅付近にあるプリセットメニューから\nプリセットと呼ばれる事前定義された最適化設定を選択することで、\nweb用の画像を迅速かつ簡単に最適化できます。プリセットは、さまざまなタイプの画像の最適化ニーズに合わせて調整されています。

各プリセットの名前は、\nファイル形式と品質レベルを反映しています。たとえば、JPEG Highを選択すると、\nJPEG形式で高画質かつ低圧縮で画像を最適化できます。GIF 32 Ditheredを選択すると、GIF形式で画像を最適化し、\n色数を32に減らし、ディザリングを適用します。

関連ヘルプ

• Web ブラウザーでの最適化画像のプレビュー
• カラー表示の相違のプレビュー
• 推定ダウンロード時間の表示