- 網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)完全實戰(zhàn)手冊
- 劉貴國
- 801字
- 2021-03-19 18:34:43
6.1 網(wǎng)頁中常用的圖像格式
網(wǎng)頁中圖像的格式通常有3種,即GIF、JPEG和PNG。目前GIF和JPEG文件格式的支持情況最好,大多數(shù)瀏覽器都可以查看這兩種格式的文件。由于PNG文件具有較大的靈活性,并且文件較小,所以它對幾乎任何類型的網(wǎng)頁圖像都是最適合的。但是Microsoft Internet Explorer和Netscape Navigator只能部分支持PNG圖像的顯示。建議使用GIF或JPEG格式以滿足更多人的需求。
6.1.1 GIF格式
GIF是英文單詞Graphic Interchange Format的縮寫,即圖像交換格式,文件最多使用256種顏色,最適合顯示色調(diào)不連續(xù)或具有大面積單一顏色的圖像,例如導(dǎo)航條、按鈕、圖標(biāo)、徽標(biāo)或其他具有統(tǒng)一色彩和色調(diào)的圖像。
GIF格式的最大優(yōu)點就是制作動態(tài)圖像,可以將數(shù)張靜態(tài)文件作為動畫幀串聯(lián)起來,轉(zhuǎn)換成一張動畫文件。
GIF格式的另一優(yōu)點就是可以將圖像以交錯的方式在網(wǎng)頁中呈現(xiàn)。所謂交錯顯示,就是當(dāng)圖像尚未下載完成時,瀏覽器會先以馬賽克的形式將圖像慢慢顯示,讓瀏覽者可以大略猜出正在下載圖像的雛形。
6.1.2 JPEG格式
JPEG是英文單詞Joint Photographic Experts Group的縮寫,它是一種圖像壓縮格式,文件格式是用于攝影或連續(xù)色調(diào)圖像的高級格式,這是因為JPEG文件可以包含數(shù)百萬種顏色。隨著JPEG文件品質(zhì)的提高,文件的大小和下載時間也會隨之增加。通??梢酝ㄟ^壓縮JPEG文件在圖像品質(zhì)和文件大小之間達到良好的平衡。
JPEG格式是一種壓縮格式,專門用于不含大色塊的圖像。JPEG圖像有一定的失真度,但是在正常的損失下肉眼分辨不出JPEG和GIF圖像的區(qū)別,而JPEG文件只有GIF文件的1/4大小。JPEG格式對圖標(biāo)之類的含大色塊的圖像不是很有效,而且不支持透明圖、動態(tài)圖,但它能夠保留全真的色調(diào)板格式。如果圖像需要全彩模式才能表現(xiàn)效果,JPEG就是最佳的選擇。
6.1.3 PNG格式
PNG是英文單詞Portable Network Graphic的縮寫,即便攜網(wǎng)絡(luò)圖像,是一種替代GIF格式的無專利權(quán)限制的格式,它包括對索引色、灰度、真彩色圖像及Alpha通道透明的支持。PNG是Fireworks固有的文件格式。PNG文件可保留所有原始層、矢量、顏色和效果信息,并且在任何時候所有元素都是可以完全編輯的。文件必須具有.png文件擴展名才能被Dreamweaver識別為PNG文件。
- 大型網(wǎng)站架構(gòu)實戰(zhàn)
- Dreamweaver CS5+ASP動態(tài)網(wǎng)站設(shè)計實用手冊
- Dreamweaver CS6網(wǎng)頁設(shè)計與制作教程
- HTML5+CSS3網(wǎng)頁制作基礎(chǔ)培訓(xùn)教程
- 網(wǎng)頁設(shè)計與制作(Dreamweaver CS6)
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網(wǎng)頁設(shè)計實戰(zhàn)視頻教程
- 網(wǎng)頁設(shè)計與制作
- ASP快速建站全程實錄
- 寬帶接入技術(shù)
- Linux系統(tǒng)與網(wǎng)絡(luò)服務(wù)管理技術(shù)大全(第二版)
- 在實戰(zhàn)中成長:JSP開發(fā)之路
- 建筑CAD繪圖技術(shù)(第2版)
- Dreamweaver CS4網(wǎng)頁制作入門、進階與提高
- 網(wǎng)站視覺設(shè)計
- 網(wǎng)頁美工設(shè)計基礎(chǔ)教程