素材共同組合
素材共同組合とは | 素材を求める方へ | 厳選バナーリンク | 著作権とは | お誕生日カード | 素材屋さん応援リンク

画像ファイルの種類

ホームページで一般的に使われる画像ファイル

 ホームページの素材で一番多い素材は画像ファイルです。一般的にホームページで使う画像ファイルは次の3種類のものです。他のファイル形式の画像をホームページで使う場合は次の3種類に変更して使用した方がよいと思います。

形式 読み方 拡張子 色数(最高) アニメーション 特定色の透過
JPEG形式 ジェ-ペング ○○.jpg 1670万色 × ×
GIF形式 ジフ ○○.gif 256色
PNG形式 ピング ○○.png

256色と1670万色 の
モードがある

×

※一般的にwindowsの標準画像ファイルのBMPやMACの標準ファイルPICTなどはWEBでは使用 しないようにしましょう。

JPEG形式

 JPEG形式はデジタルカメラの保存形式に良く使われている方式です。特徴はフルカラー(約1670万色)が使え、圧縮率が非常に高いということです。圧縮率が高いというのは同じ大きさの画像でもデータ容量が少ないということです。
圧縮率が高いとホームページを見ていて画像の表示が早いといったほうがわかりやすいかな。
また、 JPEGの圧縮率は画像ソフトウェアなどでいじることができます。圧縮率が低いときれいな画像だがデータ容量が大きい。圧縮率を高くするとデータは軽いけど画像が汚くなる特徴があります。

 Photoshopなどの画像ソフトウェアではこの圧縮率の指標のことを画質といいます。ただし、画質は高くすると画像がきれいだがデータが大きい、画質が低いとデータは軽いが画像がきたなくなります。

GIF画像

 GIFの特徴は256色しか使えません。色数が少ないために写真画像や色数が多い画像データには向きません。でも、色数が少ないイラストなどの圧縮率が高い特徴があります。
 また、画像、特定の色を透明にできることができたり、何枚かの画像を順番に表示すてアニメーションができるなどの特徴を持っています。だた、GIFはUnisys という会社が著作権を持っており、Unisys 社がライセンス制約したソフトウェアでないと加工やホームページ上での公開が禁止されています。これがGIF問題です。でも一般のパソコンショップで売っている画像ソフトウェアはほとんどこのライセンス契約をしていますので心配しなくていいと思いますがオンラインソフト(フリーソフトやシェアソフト)などは十分に注意が必要です。

GIF問題 ・・・とほほのWWW入門

PNG画像

 PNGはGIF問題などから開発された、画像形式です。フルカラーと256色まで使える両方のモードを持っており、画像の透過することも可能です。昔のブラウザなどではサポートされていないものもありましたが現在は主なブラウザではGIFやJPEGなどと同じように使うことができます。

 画像ファイルの種類 → HTMLの画像表示素材のダウンロードの仕方
 HTMLで背景画像を表示 スタイルシートを使うMIDIを流す

画像・MIDIについて

画像ファイルの種類
HTMLの画像表示
素材のダウンロードの仕方
HTMLで背景画像を表示
スタイルシートを使う
MIDIを流す

 
ピックアップコンテンツ

素材共同組合サイトマップ
著作権とはなんだろう
利用規程を作ろう
君も素材屋になろう
組合イメージムービー(組合の意味)
厳選バナーリンク(ベスト素材サイト)

 
お勧めレンタルサーバー 

★可愛いレンタルサーバLOLIPOP!
月額125円からのレンタルサーバ