6.1 插入網頁圖像

一個網頁少不了一些優美的圖片，圖片能直觀、形象地讓人明白網頁所要表達的意思，而一張好的圖片會給頁面帶來很高的點擊率。下面就來介紹一下圖片的格式和如何插入圖片。

6.1.1 網頁圖像格式

網頁中使用的圖片格式有GIF、JPG、PNG、BMP、TIFF等，其中應用最廣泛的是GIF和PNG兩種格式。

1．GIF

GIF是20世紀80年代由CompuServe公司提出的圖像文件格式，它是Web上最常用的圖像格式之一，可以用來存儲各種圖像文件。GIF是通過減少組成圖像像素的存儲位數和LZH壓縮存儲技術來減少圖像文件的大小的，GIF圖像文件很小，下載速度很快，在低顏色數下GIF比JPEG裝載更快，可用許多具有同樣大小的圖像文件組成動畫，在GIF圖像中可指定透明區域，使圖像具有特殊的效果。

2．PNG

PNG是20世紀90年代提出的圖像文件存儲格式，其目的是替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。PNG用來存儲灰度圖像時，灰度圖像的深度可多到16位，存儲彩色圖像時，彩色圖像的深度可多到48位。

PNG是很好的網絡圖像格式，PNG格式具有不失真、兼有GIF和JPG的色彩模式、網絡傳輸速度快等特點。它使用從LZ77派生的無損數據壓縮算法，一般應用于Java程序、網頁程序中，生成的文件體積小，壓縮比高。

6.1.2 插入圖像標簽

在網頁中插入圖像使用<img>標簽，常使用的一些<img>標簽屬性如表6-1所示。

【例6-1】（實例文件：ch06\Chap6.1.html）插入圖像標簽。

相關的代碼實例請參考Chap6.1.html文件，在IE瀏覽器中運行的結果如圖6-1所示。