初心者大歓迎!HTMLを使って一緒にHP作成してみませんか?


超初心者のための超かんたんHP作成講座・サルでもわかる?かんたんHTML

サルでもわかる?かんたんHTML トップページ  >>> さるぢえ集  >>> 画像ファイルの拡張子の違い



      



画像ファイルの拡張子の違い



HP作成講座の先生  「拡張子にもいろいろあるけど、
    今回は画像の拡張子について。
    HPで画像を使う際には参考にしてみてね☆」



拡張子読み方備考
bmpビット
マップ
この拡張子を使って保存すると、ファイルのサイズがものすごく
大きくなってしまうことがあるの。
HPで画像には使わない方がいい拡張子ね。
gifジフ HPの画像には標準的に使われている拡張子。
イラストやアイコンなんかを保存するのに向いてるのよ。
jpegジェイ
ペグ
これもHPの画像によく使われる拡張子で、
写真の保存に向いているわ。
pngピング 上のgifjpegに変わるものとして登場した拡張子。
gifよりももっとキレイに表示できるんだけど、
この拡張子を使える環境がまだまだ整ってないんだって。
でもこれからどんどん使えるようになっていくはず☆



HP作成講座の先生  「それじゃあ実際に4つの拡張子で保存した画像を比べてみるわね。」



拡張子イラスト写真
bmp

19254バイト


29982バイト
gif

1484バイト


3400バイト
jpeg

8414バイト


8115バイト
png

1484バイト


17141バイト



HP作成講座の先生  「同じ大きさの同じ画像でも、拡張子によって
    表示も微妙に違うし、ファイルのサイズも違うわね。」


HP作成超初心者  「ホントだ! bmp はファイルのサイズが
    ものすごく大きくなっちゃうんですね。
    でも・・・サイズが大きいとダメなんですか?
    イラストも写真もきれいに表示されてるのになぁ。」


HP作成講座の先生  「う〜ん・・・たとえば誰かのHPを開いたら
    画像がなかなか表示されなくてイライラした経験ってないかしら?」


HP作成超初心者  「あ、ときどきありますよ。」


HP作成講座の先生  「サイズの大きな画像を使っていると
    これを表示させるのに時間がかかっちゃうの。
    画像の見栄えももちろん大切だけど
    見る人にできるだけ負担をかけないようなHPを作りたいわね☆」






↑ページのTOPへ


タグの入力をかんたんに
<<< 前のさるぢえへ戻る
画像を借りる時のマナー
次のさるぢえへ進む >>>

画像を準備しよう
<<< 関連ページへ戻る




サルでもわかる?かんたんHTML トップページ  >>> さるぢえ集  >>> 画像ファイルの拡張子の違い





Copyright (C) 2006
超初心者のための超かんたんHP作成講座
サルでもわかる?かんたんHTML