網(wǎng)站圖片JPG、PNG、GIF哪個好,該選擇誰

2021-08-24    分類: 網(wǎng)站建設(shè)

目前網(wǎng)站圖片的采用一共有流行三種,分別是JPG、PNG、GIF,然而很多人并不知道三者在選擇的時候究竟應(yīng)該選誰(BMP就不考慮了吧)。雖然都可以存儲圖片,但是如果要發(fā)布到網(wǎng)上,就必須考慮速度、大小和失真程度的問題。如果你運(yùn)用得好,選對圖片,那樣便會使網(wǎng)站的整體體驗(yàn)上升,如果你運(yùn)用得不好,就會引起反效果。下面我通過文件大小等多方面的元素來講一下網(wǎng)站圖片的合理選擇。Gif算是比較老的圖片格式了,它的色彩效果最低,用gif保存鮮艷的圖片的話會讓你的網(wǎng)站看上去非??膳?。但是gif有著不可忽視的特點(diǎn):體積小,有著極好的壓縮效果,支持動畫,并且支持透明效果,雖然這個透明沒有PNG的那樣漸變透明的強(qiáng)大。動畫選gif沒錯;如果你的圖片只有很單調(diào)的色彩,沒有漸變色,例如只有紅藍(lán)兩色,那么選GIF最好不過了!例如百度的首頁LOGO就是很好的例子,它的大小只有2KB,節(jié)省了資源。


JPG是數(shù)碼相機(jī)最常用的格式,其特點(diǎn)是色彩還原好,可以在照片不明顯失真的情況下,大幅降低體積,所以體積不很大,缺點(diǎn)是不支持透明。照片類的圖片,例如網(wǎng)站上的Gallery,你想要張貼出來的自然風(fēng)景之類,最好都用JPG。但是屏幕截圖呢一會介紹??芍^是最適合網(wǎng)絡(luò)的圖片!PNG的優(yōu)點(diǎn)是,清晰,無損壓縮,壓縮比率很高,可漸變透明,具備幾乎所有GIF的優(yōu)點(diǎn);缺點(diǎn)是不如JPG的顏色豐富,同樣的圖片體積也比JPG略大。但是PNG應(yīng)該在網(wǎng)站設(shè)計(jì)上被推廣,它是公認(rèn)的最適合網(wǎng)頁使用的圖片格式。Google就是一個很好的例子。Google所有站點(diǎn)幾乎全部的圖片資源都是PNG格式。8位的PNG完全可以替代掉GIF。


PNG更適合屏幕截圖!png是軟件截屏的好選擇(體積非常小;最清晰),并且壓縮空間非常大。事實(shí)上JPG和PNG適合的場景并不同,JPG天生適合風(fēng)景照片,PNG幾乎就是為了便攜網(wǎng)絡(luò)圖形圖像而生。截圖保存為jpg,很容易出現(xiàn)失真現(xiàn)象,在文字、漸變色和比較精細(xì)的地方,例如線條周圍,常常出現(xiàn)斑點(diǎn)、不清楚,模糊。就算提高質(zhì)量,jpg的體積就上去了。而且JPG不支持透明,所以的你軟件圖片如果有陰影效果,用JPG就太浪費(fèi)了。相對的,PNG就比較適合,在保持極少失真的情況下,還能保留透明陰影,文件體積小,而且壓縮空間很大。所以,截圖的選擇無疑是PNG更好。

對于一個網(wǎng)站來說,按照保證色彩顯示良好同時文件最小的原則,我的總結(jié)是這樣的:網(wǎng)站的LOGO,如果色彩單調(diào),選擇PNG或者GIF,推薦前者。但是如果為了IE6的兼容,選擇后者;如果你需要動圖,選擇GIF;網(wǎng)站上的元素背景圖片(比如按鈕背景、導(dǎo)航條背景),或者很精細(xì)的圖片,還是那句話,如果色彩單調(diào),選擇PNG或者GIF,推薦前者。但是如果為了IE6的兼容,選擇后者,但要考慮失真問題;少用JPG,否則會讓這些東西很難看,除非你用風(fēng)景圖片作按鈕背景;網(wǎng)站內(nèi)容里,你真實(shí)拍攝的圖片,或者你下載的風(fēng)景圖片,保持JPG來獲得更好的顯示效果和體積;

本文題目:網(wǎng)站圖片JPG、PNG、GIF哪個好,該選擇誰
本文網(wǎng)址:http://www.muchs.cn/news38/123538.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站定制開發(fā)、服務(wù)器托管外貿(mào)網(wǎng)站建設(shè)、用戶體驗(yàn)網(wǎng)站收錄

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)