每個(gè)設(shè)計(jì)師都知道網(wǎng)頁(yè)設(shè)計(jì)是離不開(kāi)文字和圖片的，文字還好說(shuō)一點(diǎn)選擇合適的字體就可以了，但是圖片不一樣，圖片有很多種格式，同一張圖片不同格式的大小可能還不一樣，今天北京匯仁智杰網(wǎng)絡(luò)推廣公司要分享的就是網(wǎng)頁(yè)設(shè)計(jì)之圖片格式的選擇技巧。

　　網(wǎng)頁(yè)設(shè)計(jì)中，切圖輸出是指設(shè)計(jì)師將手邊繪制完成的原始圖稿轉(zhuǎn)換成網(wǎng)頁(yè)用的圖片格式、并交由下一位人員網(wǎng)頁(yè)排版的重要步驟。選擇適合的圖片格式不但可以將讓設(shè)計(jì)得到合理的顯示效果、甚至還可以有效的控制圖檔的檔案大小，節(jié)省下載時(shí)間、有效的減少服務(wù)器的負(fù)擔(dān)。

　　JPEG

　　JPEG 非常適合作為儲(chǔ)存像素色彩豐富的圖片、例如照片等等，這些圖片即使有些微的失真也不容易輕易的察覺(jué)：而反過(guò)來(lái)說(shuō) JPEG 并不適合用來(lái)儲(chǔ)存線條圖、圖標(biāo)或文字等等有清晰邊緣的圖片多次重復(fù)進(jìn)行 JPEG 的圖檔的儲(chǔ)存將會(huì)永久性地破壞圖片中的細(xì)節(jié)。

　　GIF

　　Gif 在許多特性與表現(xiàn)上都與 JPEG 有著相對(duì)的特性。GIF 使用無(wú)損壓縮格式(Lossless Compression)，但卻限制了色彩表現(xiàn)能力、能夠有效地節(jié)省檔案尺寸。GIF 只擁有 8 位的顏色深度信息，所謂的 8 位是指 2 的 8 次方也就是 256 色，當(dāng)你的圖片中出現(xiàn)的色彩在 256 色以內(nèi)時(shí)，使用 GIF 可以得到相當(dāng)好的輸出質(zhì)量、同時(shí)兼顧了檔案大小。因此 GIF 非常適合用來(lái)表現(xiàn)圖標(biāo)、 UI接口、線條插畫、文字等部分的輸出。

　　另外 GIF 同時(shí)還支持透明背景、以及動(dòng)畫圖檔格式，并且?guī)缀醪挥脫?dān)心支持性的問(wèn)題：幾乎 100% 的瀏覽器都支持它。

　　PNG

　　PNG 分為 PNG-8 以及 PNG-24 兩種格式，PNG-8 的特性很接近 GIF ，支持 256 色以及透明背景的特性。而 PNG-24 則支持了多達(dá) 160 萬(wàn)個(gè)色彩。

　　雖然 PNG 不支持動(dòng)畫，但是 PNG-24 支持了Alpha 透明效果，這可以說(shuō)是 PNG-24 最令人眼睛一亮的地方了。也就是說(shuō)使用 PNG 輸出圖檔時(shí)，可以有效的支持不同的透明度效果了，這對(duì)網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)無(wú)疑是一個(gè)好消息。

　　以上就是三種圖片主要的格式，仔細(xì)閱讀之后我想設(shè)計(jì)師們對(duì)于要選用那種格式的圖片已經(jīng)有了一些掌握，希望可以好好利用。