1、動畫圖檔製作與運用講師： 董建弘陳鍶琦日期： 96年 7月 5日網頁圖檔簡介動畫製作動態 HTML效果製作相片投影片秀網頁圖檔簡介3 / 44網頁圖檔簡介 檔案格式 BMP GIF JPGE PNG4 / 44網頁圖檔簡介 BMP (Bit-Mapped) 壓縮 無 REL (Run-Length Encoding) REL4 REL8 優點 檔讀檔速度是最快 圖形品質最好 缺點 檔案十分龐大 沒有透明格式 應用 正方型圖片 按鈕 較小的背景圖5 / 44網頁圖檔簡介 GIF (圖形交換格式 ) 壓縮 256色調色盤 REL (Run-Length Encoding)256 188KB 32
2、94KB 4 34KB全彩 769KB6 / 44網頁圖檔簡介 GIF (圖形交換格式 ) 壓縮 256色調色盤 REL (Run-Length Encoding) 優點 有透明及動畫的格式 較同規格 (256色 )的 BMP還小 缺點 顏色流失 不適合作會移動的圖形 應用 不規則的圖形 按鈕 色彩簡單的背景圖bmp gif7 / 44網頁圖檔簡介 JPEG (靜態影像壓縮標準 ) 壓縮 DCT (Discrete Cosine Transform)Q90 58KB Q50 24KB Q30 17KB全彩 769KB8 / 44網頁圖檔簡介 JPEG (靜態影像壓縮標準 ) 壓縮 DCT (Discrete Cosine Transform) 優點 全彩壓縮 可自定壓縮比 漸進式呈現9 / 44網頁圖檔簡介 JPEG (靜態影像壓縮標準 ) 壓縮 DCT (Discrete Cosine Transform) 優點 全彩壓縮 可自定壓縮比 漸進式呈現 缺點 圖形品質可能因壓縮而變差 沒有透明格式 應用 大型背景圖 照片10 / 44網頁圖檔簡介 PNG 壓縮 全彩調色盤 優點 有透明格式 較同規格 (256色 )的 BMP還小 無失真 缺點 圖形品質可能因壓縮而變差 無動畫格式 應用 不規則的圖形 按鈕 色彩簡單的背景圖
