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

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

　　JPEG

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

　　GIF

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

　　另外 GIF 同時還支持透明背景、以及動畫圖檔格式，并且?guī)缀醪挥脫闹С中缘膯栴}：幾乎 100% 的瀏覽器都支持它。

　　PNG

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

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

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