「ロゴをjpegで圧縮にしても、なんか汚い気がする・・・。それとファイルサイズが大きい。。。」
こんな経験なかったでしょうか？
画像をキレイ軽～くに出したいときは、PNG画像。
ちょいと比較してみましょう。
Fireworksでの書き出しを前提に、
■GIFで書き出した場合↓（約4KB）
■jpegの画質100で書き出した場合↓（約20KB）
■PNG32で書き出した場合↓（約9KB）
こういった影やグラデのある画像（とくにボタンロゴなど）は、
GIFは論外。
jpegとpngはどちらもキレイですね。（なぜかpng形式が気持ちキレイに見えますが・・・＝＝）
ちなみに、GIFの色の幅は256色。
jpegは1670万色。
pngは、280兆色（※理論上）。
なので、色調の表現の幅を考えてもjpeg、PNGが優れています。
PNGは透明も使えますし、ファイルサイズも軽いので、「キレイさをもったGIF」みたいな感じです。
ただ、アニメーションができなかったり、ブラウザに依存してしまうところがありますが
今ではカナリの人が使ってる形式のようでうす。
jpegは、画質を落とすと劣化してしまいますが、かなり使える形式です。
web2.0の風潮か、グラデや透明感のあるロゴなどが流行ってます。
PNG形式でやってる方もかなりいらっしゃるよーです。
僕なりの画像の書き出しのルールとして、
■色数が少ない、グラデなどがない、単調な色の図形（ロゴなど）⇒GIF形式
■写真⇒jpeg
■ロゴ、グラデを使ったアイコン、軽くキレイに表現したい図形もの など⇒PNG形式
■形式とかめんどくさいとき⇒jpeg
という感じにしてたりします。
コメントする