Webおよびモバイルデバイス用のPhotoshop CS5イメージのダミー

PhotoshopでWebまたはモバイルデバイス向けのファイルを保存するCreative Suite 5ではイメージのサイズを小さくして読み込みが速くなります。 GIF、JPEG、PNG、WBMPの違いを知ることが重要です。保存する画像のタイプに応じて適切なフォーマットを選択することができます。アイデアは、イメージを視覚的に喜ばせながら可能な限り小さくすることです。

GIF

ソリッドカラーが広い場合は、GIF形式を使用します。

<！ --1 - >

無地の色が多い画像は良いGIFを作ります。

GIF形式は不可逆的ではありません（ファイルがこの形式で圧縮されるとデータが失われることはありません）が、カラー表の限られた数の色を使用してファイルサイズを縮小します。色の数が少ないほど、ファイルサイズは小さくなります。 <！ - 2 - > 透明度はGIFファイル形式でサポートされています。一般的に、GIFファイルは、Photoshopが使用する

アンチエイリアス

、 の形式が貧弱なために、ある色から別の色へのスムーズな移行が必要なものに対してはうまく機能しません滑らかなギザギザのエッジ。 アンチエイリアシングはこの効果のために複数の色を作成する必要があるため、一般にGIFファイルは推奨されません。実際、GIFのサイズを小さくすると、利用できる色の数が限られているためアンチエイリアスができないため、 バンディング

（画像の縞模様）が発生しやすくなります。 <！ - 3 - > JPEG

JPEGは、写真のように、ある色から別の色への滑らかな遷移を持つ画像に最適な形式です。

JPEG形式は損失が多いので、JPEGを保存して開き、編集してJPEGとして再度保存しないでください。ファイルのコピーをJPEG形式で保存し、後で画像を編集する必要がある場合は元の画像をPSD形式にして元のPSDを開き、変更を加えてPSDを保存してから、編集したファイルのコピーをJPEG。

JPEG形式は透明度をサポートしていません

。

ある色から別の色への滑らかな遷移を有する画像は、JPEGファイル形式の良好な候補である。 PNG PNGはGIFとJPEGの完璧な組み合わせです。 PNGはさまざまなレベルの透明度とアンチエイリアスをサポートしています。このバリエーションは、イメージを50％透明に指定することができ、そのイメージが基礎となるWebページに表示されることを意味します。 PNG-8とPNG-24を選択できます。画像を最適化するためのファイル形式として、PNG-8は通常のGIFファイルよりも優れていません。

PNG-24は、アンチエイリアシング

（1つの色から別の色への滑らかな移行）をサポートする。これらの画像は、連続階調画像ではきれいに機能しますが、JPEGファイルよりもはるかに大きくなります。PNGファイルの本当にすばらしい機能は、256レベルの透過性をサポートしていることです。言い換えれば、イメージが背景に表示されるイメージに、さまざまな量の透明度を適用することができます。

さまざまな透明度を持つPNG-24ファイル。

PNGファイルはすべてのブラウザでサポートされているわけではありません。また、PNG-24イメージのファイルサイズはWebには大きすぎる可能性があります。 WBMP WBMPはモバイルコンピューティング向けに最適化されており、圧縮はなく、1ビットカラー（黒と白だけで、色合いはない）で1ビットの深さです。 WBMPイメージは必ずしも美しいものではありませんが、機能的です。あるレベルのトーン値を表示するディザリングコントロールがあります。

モバイルコンテンツが特定の端末でどのように表示されるかを確認しますか？ [Webおよびデバイス用に保存]ダイアログボックスの左下隅にある[Device Central]ボタンをクリックします。

WBMP形式はモノクロのみをサポートします。