中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 圖形圖像 > WEB開發(fā)中合理選擇圖片格式
圖標設計的那些事 回到列表 關(guān)于"點九"
 WEB開發(fā)中合理選擇圖片格式

作者:不會飛 時間: 2011-09-19 文檔類型:合作網(wǎng)站提供 來自:站酷

從某種程度上說,判斷一個網(wǎng)頁設計師是否優(yōu)秀,可以從其在WEB開發(fā)(或網(wǎng)頁設計)中是否合理的采用各種圖片格式得出結(jié)論。事實上,或許所有人都知道圖片存在GIF,JPG和PNG等格式,但并非所有人都知道它們之間的具體區(qū)別和使用技巧。

接下來,代碼吾愛將給大家介紹:WEB開發(fā)中幾種最受歡迎圖片格式的前世今生以及如何正確的使用它們。

1.JPEG?

JPEG格式是一種大小與質(zhì)量相平衡的壓縮圖片格式。通俗一點講,就是:高的壓縮比=低的圖片質(zhì)量=小的文件大小。反之,低的壓縮比=高的圖片質(zhì)量=大的文件大小。由于JPEG文件無法保持100 %的原始圖像的像素數(shù)據(jù),所以它不被認為是一種無損圖像格式。

用途:

由于這種極其敏感的平衡特性,JPEG非常適合被應用在那些允許輕微失真的像素色彩豐富的圖片(照片)場合。反之,JPEG格式圖片并不適合做簡單色彩(色調(diào)少)的圖片,比如LOGO,各種小圖標(ICONS)。

2.GIF

GIF格式,是為使圖片能夠應用在在線(online)應用程序上所特別開發(fā)的圖片格式。Gif,有時也被成為“Giff”,是一種無損,8位圖片格式。“無損”是指100%的保持原始圖片的像素數(shù)據(jù)信息。專業(yè)名詞“8位”是指,所能表現(xiàn)的顏色深度——一個8位圖像僅最多只能支持256種不同顏色(一個多余256種顏色的圖片若用gif圖片保存會出現(xiàn)失真)。

用途:

由于8位顏色深度的限制,Gif不適合應用于各種色彩過于豐富的照片存儲場合。但它卻非常適合應用在以下場合:

  • Logo
  • 小圖標(Icon)
  • 用于布局的圖片(例如某個布局角落,邊框等等)
  • 僅包含不超過256種色彩的簡單,小型圖片場合

透明特性:

GIF支持基本的透明特性,這意味著你能夠使圖片的某些像素“不可見”。在其被放置到網(wǎng)頁中時,我們就可以看到通過這些不可見區(qū)域看到此圖片后面的背景顏色(圖片)。此特性非常有用:如果你需要將某個gif圖片的內(nèi)容置于所有圖片的上層,你可以將其設置為透明。

壓縮特性:

GIF格式采用LZW算法進行壓縮,此算法是Unisys申請的一項專利。在很久很久之前,如果你想使用GIF格式,那么就意味著你需要向Unisys付費申請專利許可。不過值得高興的是,此項專利技術(shù)已于2003年6月20日過期,我們現(xiàn)在可以免費的使用GIF了!

隔行掃描:

GIF同時也支持隔行掃描。隔行掃描能夠令圖片在瀏覽器中更快的加載和顯示。此特性對于那些慢網(wǎng)速的瀏覽者來說尤其實用。

動畫GIF:

一個動態(tài)的GIF文件,是由若干幀圖片所聯(lián)結(jié)而成的動態(tài)圖片。在顯示時,這些動態(tài)幀被反復的繪制讀取出來從而形成了簡單的動畫效果。合理的運用GIF動畫能夠為網(wǎng)頁增添動靜結(jié)合的效果,而過度的使用則會使網(wǎng)頁雜亂無章。

3.PNG

PNG,讀“ping”,初始時被作為GIF的免費替代格式所開發(fā),采用公共專利壓縮算法。PNG格式也是一種無損壓縮,但與GIF格式不同的是,PNG同時支持8位和24位的圖像。

8位PNG圖像:

一個8位PNG圖片,支持透明背景且像素顏色不能超過256種。除了壓縮算法不同之外,此8位PNG格式與GIF格式極其相似;

用途:

8位PNG圖片的用途與GIF格式基本相同,

  •  Logo
  • 小圖標(Icon)
  • 用于布局的圖片(例如某個布局角落,邊框等等)
  • 僅包含不超過256種色彩的簡單,小型圖片場合

24位PNG圖像:

24位PNG,支持160萬種不同的像素顏色且支持Alpha透明效果,這就意味著,無論透明度設置為多少,PNG圖片均能夠與背景很好的融合在一起。

對PNG的支持:

由于PNG格式的廣泛使用和開發(fā)者更加重視網(wǎng)頁的WEB標準,不同瀏覽器對PNG的支持就顯得相當重要了。不過,幸運的是,目前市場上主流的瀏覽器對PNG格式都有很好的支持,這包括:IE*, Firefox, Safari, Opera, and Konqueror。

但不幸的是,IE6及IE6以下的瀏覽器對PNG透明背景的支持并不好。不過我們?nèi)钥梢酝ㄟ^其他方法來解決這個問題,詳情請查看如何在IE6中正常顯示透明PNG。

本文鏈接:http://m.95time.cn/tech/graph/2011/8583.asp 

出處:站酷
責任編輯:bluehearts

◎進入論壇Photoshop、Fireworks版塊參加討論,我還想發(fā)表評論

相關(guān)文章
圖片格式與設計
vs2010在web開發(fā)方面的變化
從開發(fā)人員角度看IE8的開發(fā)新特性
IE8面向Web開發(fā)人員的功能改進
訪中國最大Web開發(fā)社群站長—藍色
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設計大賽開啟
國際體驗設計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2