每個設計師都知道網頁設計是離不開文字和圖片的，文字還好說一點選擇合適的字體就可以了，但是圖片不一樣，圖片有很多種格式，同一張圖片不同格式的大小可能還不一樣，今天北京匯仁智杰網絡推廣公司要分享的就是網頁設計之圖片格式的選擇技巧。
網頁設計中，切圖輸出是指設計師將手邊繪制完成的原始圖稿轉換成網頁用的圖片格式、并交由下一位人員網頁排版的重要步驟。選擇適合的圖片格式不但可以將讓設計得到合理的顯示效果、甚至還可以有效的控制圖檔的檔案大小，節(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 色以內時，使用 GIF 可以得到相當好的輸出質量、同時兼顧了檔案大小。因此 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 輸出圖檔時，可以有效的支持不同的透明度效果了，這對網頁設計師來說無疑是一個好消息。
以上就是三種圖片主要的格式，仔細閱讀之后我想設計師們對于要選用那種格式的圖片已經有了一些掌握，希望可以好好利用。
