ホームページの画像技術

ACCESS COUNT Counter(Since Nov.25, 2002)

 ホームページで使われている各種画像技術を紹介!

 ●基礎編 透過GIF画像        画像加工ツール       GIFアニメ       インターレスGIF画像  ●応用編 JAVAアプレット       ShockWave

■GIF
"熱帯魚"



■透過GIF
 "熱帯魚"



■透過GIF画像

背景色を透明にした画像の表示ができます。

・対象画像はGIF画像(256色)です。
・背景をあらかじめ同一色で塗りつぶしておきます。
・下記のいずれかのツールを用いて、背景色を透過指定します。
 @GIX  (透過GIF/インターレスGIF/プログレッシブJPEG)
            http://www.st.rim.or.jp/~tockasup/products.html
 AGIF Construction Set(透過GIF/GIFアニメ)
            http://www.mindworkshop.com/alchemy/gifcon.html
  BLView Pro(透過GIF/インターレスGIF)
            http://www.world.std.com/~mmedia/lviewp.html



■回転した
 "熱帯魚"


■ミラー反転
  "熱帯魚"



■変形した
  "熱帯魚"



■画像加工ツール

画像の保存形式変換、回転、ミラー反転、拡大・縮小などができます。

・色調変換、コントラスト変更、画像変形、先鋭化なども自由自在です。
・対象画像はBMP、JPEG、GIF形式いずれも可。相互変換可能。
 @Paint Shop Pro(パソコンショップで1万円台)
            http://www.jasc.com/pspdl.html
 AAdobe PHOTOSHOP(パソコンショップで10万円台
            もともとMAC用画像加工ツール。これがあれば申し分ない。


  <原画像>               <色調変換(グリーン)>





■GIFアニメ"UFO迎撃砲"


SFX地球防衛軍へ

マルチプルイメージではホワ
イトハウスのホームページの
”はためく旗”やとなみ市の
”チューリ君”などがおもし
ろい。

ホワイトハウスへ

となみ市ホームページへ





■GIFアニメーション(マルチプルイメージ)

複数枚のイメージを重ね合わせて1枚のファイルにしたものです。 ・複数枚の透過GIFイメージが連続して表示されます。 ・動きのある動画を楽しむことができます。 ・ファイル作成には専用のイメージファイル作成ツールが必要。 ●GIF Construction Set(4千円程) http://www.mindworkshop.com/alchemy/gifcon.html


■インターレス"牛画像"


<原画>


<インターレス化>


■インターレスGIF画像

解像度の低い画像から高い画像へ順に変化します。

・1枚のGIFファイルが4段階でロードされます。
・ファイルのロード中にユーザーは他の処理が可能のため、
大きな画像ファイルでも待たされるイライラを軽減できます。
・ファイル作成には専用のイメージファイル作成ツールが必要です。
・JPEG画像のインターレス処理もあります(プログレッシブJPEG)。

 @GIX  (インターレスGIF/プログレッシブJPEG)
            http://www.st.rim.or.jp/~tockasup/products.html
 @Paint Shop Pro(インターレスGIF)
            http://www.jasc.com/pspdl.html
  BLView Pro(透過GIF/インターレスGIF)
            http://www.world.std.com/~mmedia/lviewp.html




■イースター島
 モアイの一日



■火星探査ロケット
  の打ち上げ



■JAVAアプレット

HTMLではできないアクティブな画像操作を行い
ます。


・JAVAで画像操作アプレットを作り、HTMLから
  呼び出します。
・JavaScript(Netscape社)やVB Scri
  pt(Microsoft社)は機能と速度で劣ります。
・JAVA開発ツール(βバージョン)はSun
 Microsystems社のホームページからダウ
  ンロードできます。
 ●JDK(JAVA開発キット)
       http://java.sun.com/



JAVAで動くムービー・シアター JAVAムービー制作の現場から

ホームページに戻る

最先端のCG技術

画像処理研究室へのリンク

コンピュータ画像処理