【HTML5】画像ファイルフォーマット

・BMP

圧縮しない　透過×

Windows標準のフォーマット

ファイルサイズが大きくなりやすいのでWebサイトでの使用は不適切

・GIF

可逆圧縮　透過○

256色までしか表現できない

ファイルサイズを小さくできる

アニメーション機能を扱うことができる

・PNG

可逆圧縮　透過◎

GIFより圧縮率がよく、圧縮後の劣化がない

・JPEG

非可逆圧縮　透過×

1670万色のフルカラーに対応。

圧縮率が高く、ファイルサイズを小さくすることも可能。

解凍後の画質は元の画像より劣化する

・SVG

可逆圧縮　

ベクター画像を扱うファイルフォーマットの一つ。

ベクター画像は計算式によって画像を表現するので、拡大・縮小しても画像が劣化しない。

しかし、写真などの複雑で多彩な色を使用する画像には不向き

XMLベースで定義する

テキストエディタ(CSSやJavaScriptなど)によって制御できる

GIFとは

GIF

256色以下を扱える可逆圧縮の画像ファイルフォーマット

・アニメーションを表現できる