認識網路圖檔

您知不知道網路圖檔的這些事情？
1.甚麼是網際網路上最美的地方？
   答：圖片。
2.網際網路所用的圖檔有那些？
   答：GIF、JPEG、PNG。
3.網際網路圖片種類有那些？
   答：Banner、Icon、Picture、Buttom、BackPicture、LinPicture、AimPicture..。
4.網際網路圖片解析度要多少？
   答：72像素就足夠用。
5.常用的網際網路圖片工具有那些？
   答：影像處理軟體：PhotImpact、PhotoShop(*)、FireWork(*)、CorelDraw(*)
           動畫及3D軟體：GIF Animator、Flash(*)、Director(*)、Cool 3D、3D Studio(*)、Poser 3D(*)
           影像地圖編輯軟體：PhotImpact、Mapedit、FontPage
           初學者比較適使用PhotImpact、GIF Animator；打(*)者，屬比較專業性軟體。
6.網際網路圖片要如何產生？
   答：掃瞄、數位攝影、繪圖、光碟片、免費資源、線上合成、找人幫忙...。
7.網際網路圖檔還可以作何用途？
   答：用表格來作圖框、圖片周邊空點、超鏈結、高檔圖片預視..............。
8網際網路圖檔那裡找？
   答：您只要到搜索引擎輸入：圖片、圖檔、icon、banner...等等，可以找到很多。

認識網路圖檔GIF
1.GIF 是 Graphics Interchange Format 的縮寫，翻譯為圖形交換格式。
2.是由 CompuServe 機構所發展出來的位元映射式 (bitmapped) 影像檔案格式。
3.一個 GIF 檔案包含了六個位元組的檔案標記，目前常見的有『87a』與『89a』兩種。
4.優點：可作動畫、透明圖。
5.缺點：色彩數少、易失真。
6.副檔名：*.gif；注意：請用英文小寫。

認識網路圖檔JPG
1.JPEG 是 Joint Photographic Experts Group 的縮寫，翻譯為聯合圖像專業團體。
2.是利用離散餘弦轉換壓縮技術來儲存靜態影像的檔案格式。
3.優點：色彩豐富、畫質優美。
4.缺點：不適何文字等圖形運用、檔案過大。
5.副檔名：*.jpg OR jpeg；注意：請用英文小寫。

認識網路圖檔PNG
1.PNG是 Portable Network Graphics 的縮寫，翻譯為可攜式網路圖形。
2.PNG是個全真圖像格式(true image format)，擁有比GIF更佳的壓縮品質又不會失真。
3.PNG是在 1996由PNG向W3C (World Wide Web Consortium) 提出並得到推薦認可的多媒體圖形格式。
4.優點：集GIF與JPEG優點於一身。
5.缺點：目前不是所有瀏覽器都能支持此格式。
6.副檔名：*png；注意：請用英文小寫。

GIF、JPEG、PNG三者差異比較
檔名尺寸色採位元壓縮方式型態適用範圍
GIF較大2568 bits非破壞性壓縮點陣(交錯)圖動畫、圖示、透明圖
JPEG較小16Mill24 bits破壞壓縮向量圖照片
PNG兩者均宜兩者均宜8-46 bits無損耗壓縮可攜式網路圖形動畫、照片、透明圖
看了這個比較表後，您是否感覺到清楚了很多？

認識繪圖軟體
1.點陣軟體：
所謂【點陣軟體】，乃是將影像以一顆一顆的像素【Pixel】所繪製出來的，放大後的影像即以九宮格的方式所呈現。其檔案容量較向量軟體所繪製出來的影像大，例如：PhotoImpact、Photoshop等屬之。
2.向量軟體：
利用數學公式計算出來的影像。即使放大影像，亦不產生如鋸齒般的失真情形，而且檔案容量小，例如：CorelDRAW、Illustrator等屬之。
3.如放大1600％影像圖示之比較： 點陣軟體V.S向量軟體(您只要來回移動滑屬便可)。

常用HTML圖檔語法
背景圖：<body background="圖案名稱.附檔名">。
圖檔：<img src="路徑\圖案名稱.附檔名">。
圖檔相關屬性：
alt="給圖片的註解文字"、Border="N"、Height="Piexls"、Width="Piexls"、
align="(top/middle/bottom/left/right)"、Hspace="Piexls"、Vspace="Piexls"。
影像地圖：詳見編輯工具解說：MapEdit索引地圖編輯器。
實用HTML語法蒐整及網頁各式模組。
圖檔的運用與變化也很多，建議您可到網路圖片展現方式探討參考看看。

如何擷取網路上圖檔及應用說明
網路上的背景、圖片、音樂檔如何取得？如何存放？如何運用？這些您學會了嗎？
※您有辦法將這個《網上多功能計算機》擷取回自己電腦中始用嗎？
我特以Win9x 的 Internet Explorer 5.0中文版及Netscape 5.0 中文版為例：

結論
  1.使用底圖不宜過深並應考量一致性，以利文件(字)安排及整體性。
  2.純文字展示時，應特別注意背景BGCOLOR《背景圖BACKGROUND》及文字FONT之顏色搭配。
  3.每一頁切勿放置過多圖檔，全部請控制於60k以下，每一圖檔亦請控制於15k左右。
  4.善用ALT="文字說明"，以利那些耐候不住或關閉圖片功能之網友使用。
  5.加了Height與Width這兩個屬性，將會縮短瀏覽器排版的時間。
  6.善用路徑(目錄)觀念，妥為分類(如pic,image,gif...)，以利以後網頁維護。
  7.檔案大小要控制好，icon/1kb、banner/15kb、picture/30kb，必要時分割。
  8.學會如何用【ACDSee】看圖軟體查看圖片種類、尺寸等資訊。
  9.圖片的運用很重要，網站內容除外，就是整體圖片與色彩的搭配組合。