PNG8

ＷＥＢページに画像を添付する際、JPEG・GIF・PNGどの画像フォーマットがどのような場面に向いているのかまとめてみました。

• GIF - 基本的に256色のインデックス画像フォーマット。写真には向かないが、ロゴであったりフラットブロックな画像には向いている。透過データを保持できるのも大きな特徴です。

• JPEG - クオリティによって圧縮率が変わる非可逆圧縮の画像フォーマット。透過は表現できないが、写真データの用途に向いている。同じ場所に何度も上書きを続けていくと序所に画像が劣化していくので注意が必要です。

• PNG - GIFに似ているが、GIFのようなぎざぎざを出さずに背景透過を実現でき、24ビットイメージも表現できる。但し、一部ブラウザではPNGの背景透過を表現できない。

WEBページに効果的にフォーマットを適用していくことによって、若干の表示速度向上にもつながります。
最近ではYahoo!ニュースで使用されている画像をPNG8にし、最適化を図ったりもしているようです。

全てのユーザーが同じ回線速度の環境で見るわけではないので、そういった部分も考えなければいけなくなってきました。