第10回 画像形式について考える久しぶりの今回は、Fireworksの機能紹介は一休みして、制作した画像をWebページで使用するために、選択すべき画像形式について考えてみます。 Webグラフィックスの作成Fireworksは以下の画像形式をサポートしています。
Webグラフィックスを作成する場合、GIFまたはJPEGで保存するのが一般的です。PNGについても、Webブラウザによってはプラグインで対応できる場合がありますが、現状ではWebグラフィックスの画像形式としては、使用しないほうが無難でしょう。 GIFとJPEGの特徴について表1にまとめます。
一言で言うなら、「GIFはシンプルな画像、JPEGは凝った画像や写真」に適していると言えるでしょう。 同じ写真をFireworksでアダプティブGIFとJPEG画質80%で保存してみました。
レタッチなどはしていないので、ややコントラスト等に難がありますが、ほぼ同等の画質でJPEGのファイルサイズがGIFの半分以下になっています。前述のように、写真や複雑な画像の場合、JPEGの方がほぼ同等の品質で圧倒的にファイルサイズが小さくなります。 一方のGIFですが、Shockwaveなどのプラグインを使用することなくアニメーションを作成できたり、画像上の任意の色を透明に設定することにより、壁紙や背景色を指定しているページで効果的に使用することができます。 几帳面な人は(^^)自分のページで使用する画像形式を統一したくなったりするかもしれませんが、これらの特性を理解して、画像に種類によって使い分けた方が効果的なページを作成できるでしょう。
|
このサイトは全ページリンクフリーです。リンク用バナーもありますのでよろしければご利用ください |