文字、圖片和色彩被稱為網(wǎng)頁設(shè)中必不可以的三大元素。我們都知道，文字有字體、字號、顏色的差別，色彩則以色相、色調(diào)進(jìn)行區(qū)分，而圖片，主要以格式區(qū)分。在網(wǎng)頁設(shè)計中合理的利用圖像，選擇適合的圖片格式，不但可以將讓設(shè)計得到合理的顯示效果、甚至還可以有效的控制圖檔的檔案大小，節(jié)省下載時間、有效的減少服務(wù)器的負(fù)擔(dān)。下面成都網(wǎng)頁設(shè)計公司就來說說JPG、GIF、PNG這三種最常用的圖片格式的區(qū)別吧！

GIF的色彩效果最低，不過體積小，有著極好的壓縮效果，當(dāng)然最重要的是支持動畫，并且支持透明效果，雖然這個透明沒有PNG的那樣漸變透明的強(qiáng)大。如果你的圖片只有很單調(diào)的色彩，沒有漸變色，那么選GIF是很合適的。

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卻是公認(rèn)的最適合網(wǎng)頁使用的圖片格式。像百度、Google首頁的logo就是PNG格式的。

通過以上的對比，我們可以發(fā)現(xiàn)：

大小比較：通常地，PNG ≈ JPG > GIF

透明性：PNG > GIF > JPG

色彩豐富程度：JPG > PNG >GIF

兼容程度：GIF ≈ JPG > PNG

綜合以上結(jié)論，在具體實踐中，我們需要注意的是：

第一，當(dāng)圖片擁有豐富的色彩時，并且沒有明顯銳利反差的邊緣線條時，選擇 JPEG 可以得到最好的輸出結(jié)果。

第二，當(dāng)圖片擁有明確邊緣的線條圖、沒有使用太多色彩、甚至可能需要透明背景時，GIF 是好的選擇。

第三，當(dāng)圖片顏色簡單對比強(qiáng)烈的則需要采用PNG，選擇PNG格式時設(shè)計師必須根據(jù)圖片需求來選擇不同的圖檔格式，并且對其做適當(dāng)?shù)恼{(diào)整。還需要注意的就是瀏覽器支持度的問題。

另外還有一個原則就是用于頁面結(jié)構(gòu)的基本視覺元素，如容器的背景、按鈕、導(dǎo)航的背景等應(yīng)該盡量用PNG格式進(jìn)行存儲，這樣才能更好的保證設(shè)計品質(zhì)。而其他一些內(nèi)容元素，如廣告Banner、商品圖片等對質(zhì)量要求不是特別苛刻的圖片，則可以用JPG去進(jìn)行存儲，這樣可以有效降低文件大小。這些竅門你get到了嗎？

分享文章：淺析網(wǎng)站圖片格式下的秘密
地址分享：http://jinyejixie.com/news35/48885.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、網(wǎng)站建設(shè)、微信小程序、小程序開發(fā)、關(guān)鍵詞優(yōu)化、用戶體驗

廣告

聲明：本網(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)