画像

このページではPC上の画像形式について初心者向けにごく簡単な説明をしています。
この説明で飽き足らないあなたにはこちらの専門的な説明をどうぞ。(まだ製作中だけど)

PC上で扱える画像は主に以下の4種類がある。
・BMP (ビットマップ)
・GIF (ジフ・ギフ)
・PNG (ピング)
・JPG (ジェイペグ)
それぞれ長所短所があるが、これらがきちんと使い分けられているかというとはなはだ疑問である。
ここでは各形式の特徴と適切な使用方法を解説する。

なお、画像の話をする時「サイズ」がファイルサイズのことか画像の大きさのことか非常に紛らわしくて困る。
ここではファイルサイズを「サイズ」、画像の大きさのことを「大きさ」と呼んで区別する。
また、サイズが大きいことを「重い」と表現する。

◆bmp
画像を圧縮せずそのまま記録した、非常に簡単な形式。
非圧縮のため非常に重く、またweb上では見られない場合があるため使うべきでない。
WindowsXPになってペイントですらjpg,gif,pngを保存できるようになったので、もはや使う機会はないだろう。

【図1】bmp形式の画像
この大きさで192kBもある。下の圧縮形式と比べてみて欲しい。
サイズ比較:||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

◆jpg
画質の劣化はあるが非常に圧縮率の高い形式。圧縮率を自由に選べるのも特長。
特に風景写真などの自然画像に向く。
逆に向かないのは線のきっちりしたアイコンやイラストなど。線の縁が汚くなってしまう。これらにはpngがお勧め。

【図2】jpgに向く画像
目立った劣化も無く、サイズはたったの9.9kB。
サイズ比較:|||

【図3】jpgに向かない画像
線の縁の部分でモヤのようににじんでいるのが分かるだろう。サイズは18kB。
サイズ比較:|||||

◆png
画質の劣化のない(可逆)圧縮形式。gifにあらゆる点で勝っている。
一部の古いブラウザでは表示できないとたまに言われるが、いまどきそんなブラウザはまずないので安心してよい。
jpgの苦手とするアイコンやイラストでは時としてjpg以上の圧縮率を誇る。
写真などのグラデーションのかかった画像ではサイズが非常に大きくなってしまうため、よほどの理由がない限りjpgを使うべき。

【図4】pngに向く画像
図3と同じものだが、こちらの方が縁がくっきりとしている。これで10.1kB。
サイズ比較:|||

【図5】pngに向かない画像
図2と同じもの。見た目の違いはほとんど無いのに97.4kBものサイズ。
サイズ比較:|||||||||||||||||||||||||||||

◆gif
pngと似た性質を持つが、全ての面でpngに劣る形式。
ただし、gif保存時には自動で256色への減色がなされるため、pngで減色のやり方が分からない人には便利かもしれない。
またgifでは任意の1色を透過することができる。pngでもできるのだがやり方が少々複雑なので、透過の為にgifを使うのもありだろう。ここでは扱わないが、gifアニメができるのも特長である(pngではmngという別形式でアニメーションができるが対応ブラウザがほぼ無い)。

【図6】gifに向く画像図4と同じもの。サイズは12kBと、pngよりやや大きい。サイズ比較:\|\|\|\|	【図7】gifに向かない画像図5と同じものだが、256色制限のため各所にディザ(斑点)が見える。サイズは42.8kB。サイズ比較:\|\|\|\|\|\|\|\|\|\|\|\|\|
【図8】透過gif 絵の一部分を透過して背景が見える。	【図9】透過png あまり知られていないがpngでも全く同じことが可能である。