Google
A revolving earth (earthani.gif--64x64) Beaverland Net
HTMLを易しく教えて!
HTML Made Easy!
 

Beaverland Net Art logo (netart3.gif--140x365)

Beaverland HTML Made Easy! logo (html01.gif--140x160)

Javascript Made Easy! logo (javascrt.gif--140x360)

 

Study in Canada Home Page logo (homepg.gif--160x160)

  1. 出願
  2. 学費・生活費
  3. ビザ
  4. 渡航準備
  5. バンク–バ–
    に留学しよう!
  6. BC州の教育
  7. カナダの教育
  8. 私立高校願書
    の一例 (生徒用)
  9. 私立高校願書
    の一例 (両親用)
  10. 大学入学案内
  11. 私立高校
    入学案内
  12. 全寮制私立高校
    入学案内
  13. 全寮制私立高校
    授業料
  14. 公立高校
    入学案内
  15. バンク–バ–
    公立高校
    2002 / 2003年度
    入学要項
    及び授業料
  16. 語学専門学校
    授業料一覧表
  17. バンク–バ–案内
  18. 御意見・御質問コ–ナ–
  19. 帰国子女の受け入れ
  20. BC州の官公庁
    市町村・大学・高校へのリンク
  21. 留学生のための銀行利用法
  22. 高校生1000人に留学補助

Slangs not found in a dictionary logo (slangs.gif--140x260)

Beaverland Net Revised Japanese Ancient History logo (jpnword.jpg--140x360)

Beaverland Net Revised Japanese Ancient History logo (jhist02.gif--140x300)

Beaverland Mythology logo (myth007.gif--140x380)

Proverbs & Sayings logo (proverb1.jpg--140x280)

Idioms logo (idioms.gif--140x300)

Big news with ahhh and ohhh logo (news5.gif--140x300)

amusing questionnaire logo (quest902.jpg--140x300)

Chat logo (chatters4.jpg--140x300)

Beaverland Japonica banner (japonic3.gif--140x360)

 
ウェブページで使えるイメージ
June 18, 2003

ウェブーぺージで使われる、もっともポピュラーなイメージの種類には2つあります。拡張子が .GIF と .JPG で終わるイメージです。 この2種類を使う限り、どのブラウザーを使っても、まず間違いなく、画面に表示してくれます。 もちろん、Lynxのようなテキストだけしか表示しないブラウザーではだめです。

イメージの作成や修正には、グラフィクス・ソフトウエアが必要ですが,無料のものから10万円以上するものまで、 たくさんのプログラムがあります。

私のお気に入りは JASC の PAINT SHOP PRO です。 トライアル・バージョンがあるので、もし、イメージを自分で作ろうと思っている人は、上のリンクをクリックして、試してみたらよいと思います。たくさんの機能がついていて、 使いこなすまでには、かなり勉強する必要がありますが、以前に、グラフィクス・プログラムを使った経験のある人なら、問題なく使うことができます。

もっと簡単で、手軽に使おうと思う人には、WINDOWSについているPAINTプログラムが最適です。ちょっとした修正など、簡単にできます。 ただし、古いWINDOWSについているものは、.BMP という種類のイメージだけしか扱うことができません。

.GIF イメージ

  • 色数は 256色まで。それ以上ならまず減色してから。
  • モザイク状から現れるインタレース GIF がある。
  • 絵の中の 1色を透過色にする透過 GIF がある。
  • 複数の絵をぱらぱらまんがの要領でつなげるアニメーション GIF がある。

.JPG イメージ

  • 色数はフルカラー(1677万色)。
  • 絵を適当に“ごまかす”ので画質が劣化することがあるが,とくに写真ではファイルの大きさを圧倒的に小さくできる。
  • ぼかし状からじわじわ現れるプログレッシブ JPG がある。

 

どのように使い分けたらいいの?

Betty in a one-piece swimwear (betty4.jpg--237x596) Betty in a one-piece swimwear (betty5ax.gif--237x596)
betty4.jpg
16 million colors
17,449 bytes
betty5ax.gif
256 colors
38,689 bytes
normal (普通) GIF
Betty in a one-piece swimwear (betty5ay.gif--237x596) Betty in a one-piece swimwear (betty5by.gif--237x596)
betty5ay.gif
256 colors
34,786 bytes
transparent (透過) GIF
betty5by.gif
256 colors
37,022 bytes
transparent (透過) GIF
Animated Betty in a one-piece swimwear (betty5y.gif--237x596) Animated Betty in a one-piece swimwear (betty5z.gif--237x596)
betty5z.gif
256 colors
65,536 bytes
transparent (透過)
アニメーション GIF
betty5by.gif
128 colors
212,992 bytes
transparent (透過)
アニメーション GIF

上のそれぞれのピクチャ-のオリジナルは、ビットマップ・フォーマット (.BMP) からなっており、約425,000 bytes ほどメモリーを喰っています。上に示すピクチャ-のような、 比較的多彩色からなるものは、.JPG に変換すると、驚くほどファイルの大きさが小さくなります。

しかし、GIF に変換するより、JPGに変換するほうが、必ず ファイルサイズが小さくなるかというと、そうとは限りません。例えば、色数が少ない場合や、比較的簡単な構成あるいは構図の絵の場合には GIF に変換したほうが、かくだんにファイルサイズが 小さくなる場合もあります。

そういうわけで、初めのうちは、GIF と JPG の両方に変換して比較してみるとよいでしょう。そのうちに、経験で、 どちらに変換したほうがよいか分かるようになります。

上のアニメーションは、静止画像を基にして、JASC の Animation Shop  で作ったものですが、ファイルサイズを小さくするには、 原画のサイズを小さくしないのであれば、色数を少なくすると、ファイルサイズを小さくすることができます。しかし、それと共に、画質も悪くなります。

どのようにしたら、アニメーションファイル・サイズを、最適に縮小することができるのだろうか?知りたいと思いませんか? このページ (Optimize your animation!) をクリックして、関連記事を読んでください。新しいページが開きます。このページへ戻るには、 新しいページを閉じてください。

 

どのようにして、ウェブページに
絵を載せるんですか?

画像を貼り込むには IMG タグを使います。このタグの使い方は、このぺージ (How to use an IMG tag) を見てください。新しいページが開きます。

 

Chipmunk pointing to the left (chipleft.gif--178x156) Related
Links


筆者紹介
Akira Kato (kato.jpg--180x135)
  • 日本とカナダの大学で教育を受ける。
  • 横浜にある大手の電器メーカーでコンピューターのソフトウエアの開発に従事する。
  • カナダのノースウエスト隼州政府・財務省に勤務する。
  • バンクーバーのランガラ・カレッジおよびサレーのクワンテレン・カレッジで講師を勤める。
  • ヨーロッパ、東南アジア、中国、北米を幅広く旅行する。
  • 現在、経営コンサルタント、フリーランス・ライターとして活躍している。
  Comments
 
どのようにして変換するんですか?
    - フーリエ変換

もちろん変換プログラムを使います。私のお気に入りは
Graphics Workshop Professional です。

トライアル・バージョンがありますから、 このリンク (http://www.mindworkshop.com/) をクリックして、
トライして見て下さい。
    - Akira

 
 



御意見・御感想
とても良い 良い まあまあ 良くない 最低

お名前:
Email アドレス:
御感想を書いて下さい。



A Brief History
of Presidential
Love Affairs


Beaverland ジャポニカ
Re-Discover JAPAN
inserted by FC2 system