適切なファイル形式（拡張子）
パソコン内で作ったファイルには色々な形式がありますが、webサイト上で表示するのに適さないファイル形式があります。
- .txt
- 無料サーバでは広告表示の関係で.txtファイルを禁じている場合があります。広告隠しの目的でhtmlファイルをtextファイルでアップしている人も時々いますが、IE以外のブラウザで見たときにソース表示になるのでかっこ悪いです。
- .bmp
- ペイントで作った画像をそのまま保存するとbmp（ビットマップ）形式になります。基本的には非圧縮のフォーマットなので重く、webサイト上で表示するのには不向きです。
- .xls、.psd、.pbxなどソフト特有のファイル形式
- .xlsはエクセル、.psdはフォトショップ、.pbxはPictBearのファイル形式です。閲覧者が対応ソフトをもっていないと開くことが出来ませんし、webページ上で表示することは出来ません。
適切な画像ファイル形式選びの目安
一般的にwebサイト上で使われる画像形式には「jpeg」「gif」「png」があります。それぞれの特徴とファイル形式選びの目安は？
| 形式 | 拡張子 | 色数(最高） | 圧縮形式 | アニメーション | 特定色の透過 |
|---|---|---|---|---|---|
| JPEG形式 | ○○.jpg | 1670万色 | 不可逆 | × | × |
| GIF形式 | ○○.gif | 256色 | 可逆 | ○ | ○ |
| PNG形式 | ○○.png | 256色と1670万色 のモードがある | 可逆 | × | ○ |
JPEG形式はフルカラーが使えるので写真やアナログイラスト・グラデーションを使った画像など式数の多い画像に最適な形式です。圧縮率はグラフィックソフトで調整することが出来ます。圧縮率が高いほどサイズを小さく出来ますが画質は低くなってしまいます。また、赤色は劣化する率が高いようです。不可逆形式なので、何度も上書き保存をするとどんどん汚くなっていってしまいます。加工して保存する場合は「名前をつけて保存」したほうがいいかも。
GIF形式は256色しか使えないのでパッキリした色使い（アニメ塗り）のイラストなどに向いている形式です。また、アニメーション画像もこの形式になります。
PNG形式はGIF問題（参考：GIF問題の常識）から生まれた形式です。256色モード（PNG-8）とフルカラーモード（PNG-24）が使えます。アルファ透過で半透明にすることも出来ますが、IE6は対応していません。（参考：わかりやすい PNG の話 for Web）