サルでもわかる？かんたんHTML トップページ
>>> さるぢえ集
>>> 画像ファイルの拡張子の違い
「拡張子にもいろいろあるけど、
今回は画像の拡張子について。
HPで画像を使う際には参考にしてみてね☆」
「それじゃあ実際に4つの拡張子で保存した画像を比べてみるわね。」
「同じ大きさの同じ画像でも、拡張子によって
表示も微妙に違うし、ファイルのサイズも違うわね。」
「ホントだ！ bmp はファイルのサイズが
ものすごく大きくなっちゃうんですね。
でも・・・サイズが大きいとダメなんですか？
イラストも写真もきれいに表示されてるのになぁ。」
「う〜ん・・・たとえば誰かのHPを開いたら
画像がなかなか表示されなくてイライラした経験ってないかしら？」
「あ、ときどきありますよ。」
「サイズの大きな画像を使っていると
これを表示させるのに時間がかかっちゃうの。
画像の見栄えももちろん大切だけど
見る人にできるだけ負担をかけないようなHPを作りたいわね☆」
↑ページのTOPへ
サルでもわかる？かんたんHTML トップページ >>> さるぢえ集 >>> 画像ファイルの拡張子の違い
「拡張子にもいろいろあるけど、今回は画像の拡張子について。
HPで画像を使う際には参考にしてみてね☆」
| 拡張子 | 読み方 | 備考 |
| bmp | ビット マップ |
この拡張子を使って保存すると、ファイルのサイズがものすごく 大きくなってしまうことがあるの。 HPで画像には使わない方がいい拡張子ね。 |
| gif | ジフ |
HPの画像には標準的に使われている拡張子。 イラストやアイコンなんかを保存するのに向いてるのよ。 |
| jpeg | ジェイ ペグ |
これもHPの画像によく使われる拡張子で、 写真の保存に向いているわ。 |
| png | ピング |
上のgifやjpegに変わるものとして登場した拡張子。 gifよりももっとキレイに表示できるんだけど、 この拡張子を使える環境がまだまだ整ってないんだって。 でもこれからどんどん使えるようになっていくはず☆ |
「それじゃあ実際に4つの拡張子で保存した画像を比べてみるわね。」| 拡張子 | イラスト | 写真 |
| bmp |  |  |
| gif |  |  |
| jpeg |  |  |
| png |  |  |
「同じ大きさの同じ画像でも、拡張子によって表示も微妙に違うし、ファイルのサイズも違うわね。」
「ホントだ！ bmp はファイルのサイズがものすごく大きくなっちゃうんですね。
でも・・・サイズが大きいとダメなんですか？
イラストも写真もきれいに表示されてるのになぁ。」
「う〜ん・・・たとえば誰かのHPを開いたら画像がなかなか表示されなくてイライラした経験ってないかしら？」
「あ、ときどきありますよ。」
「サイズの大きな画像を使っているとこれを表示させるのに時間がかかっちゃうの。
画像の見栄えももちろん大切だけど
見る人にできるだけ負担をかけないようなHPを作りたいわね☆」
↑ページのTOPへ
|
タグの入力をかんたんに <<< 前のさるぢえへ戻る |
画像を借りる時のマナー 次のさるぢえへ進む >>> |
|
画像を準備しよう <<< 関連ページへ戻る |
|
サルでもわかる？かんたんHTML トップページ >>> さるぢえ集 >>> 画像ファイルの拡張子の違い
