皆さんこんにちは!休日は10km以上ジョギングしているPearです。)なので今回はそのリベンジにかなり燃えています。この前、会場の下見に行ったけど意外と距離を感じたので、ちょっと自信喪失してますwwぜひ心の中で応援してください(笑)それでは本題に入りたいと思います。画像に関する拡張子は主に4つあります。(1)jpg(jpeg)(2)png(3)gif(4)bmpそれぞれの拡張子で画像を作ってみました!※[]内はファイルサイズを表してます。・・・といいたいところですが、まずは画質について話したいと思います。gifは目で見て分かるようにgifの画像がすごく荒くなってます。gifは256色しか使えないので、pngやjpegのような色数が多い写真では綺麗に表現することが出来ません。jpgとpngは見た感じあまり違いがありませんが、顔の部分をズームしてみます。(1)jpg(jpeg)[拡大版](2)png[拡大版]二つを見比べると(1)のjpgの画像が少し荒れているのがわかります。jpgは風景写真のような全体的に輪郭がはっきりしない画像を使うことに向いてます。ズームインをしてしまうとノイズが走る特徴があります。ファイルサイズ続いてはファイルサイズです。今回の結果を受けて、順番にするとこのようになります。bmp>png>jpg>gifよくファイルサイズが大きい画像をメールに添付して送ると、送信するまで時間がかかることってありますよね?webサイトも同じようにファイルサイズが大きい画像を使うとサイトにアクセスしたとき、ページを表示するスピードが遅くなったりします。bmpはフルカラーに対応しているので画像の劣化はないですが、ファイルサイズが他の画像ファイルよりも大きくなります。まとめ今回の結果と、このブログを書くにあたって集めた情報を元に、それぞれの拡張子の特徴やメリット・デメリットをまとめてみました。約1670万色のフルカラーを使用ことができます。連続して色が変化する写真やグラデーションに向いています。輪郭がはっきりとしたイラストやアイコンには向いていません。圧縮率が高く、イラストやアイコンに最適な拡張子です。《メリット》テキストや写真の画質が高く、劣化しない。画像のファイルサイズが大きくなってしまうことも。■gif《特徴》イラストやアイコンなど輪郭のはっきりとした画像に向いています。《メリット》ファイルサイズを小さくすることが出来て、アニメーション化が簡単です。色数の多い写真では画質が悪くなってしまいます。■bmp《特徴》Windowsで標準的に使われている画像形式でほとんどフルカラーで表示されます。無圧縮で保存するため、画像の劣化はなく高画質です。《デメリット》ファイルサイズが大きいのでwebサイト上では使えません。いかがでしたか?拡張子の使い方で画像はもちろんサイトの見栄えが変わってきます。参考になさってください。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。