每個(gè)設(shè)計(jì)師都知道網(wǎng)頁設(shè)計(jì)是離不開文字和圖片的,文字還好說一點(diǎn)選擇合適的字體就可以了,但是圖片不一樣,圖片有很多種格式,同一張圖片不同格式的大小可能還不一樣,今天北京匯仁智杰網(wǎng)絡(luò)推廣公司要分享的就是網(wǎng)頁設(shè)計(jì)之圖片格式的選擇技巧。
網(wǎng)頁設(shè)計(jì)中,切圖輸出是指設(shè)計(jì)師將手邊繪制完成的原始圖稿轉(zhuǎn)換成網(wǎng)頁用的圖片格式、并交由下一位人員網(wǎng)頁排版的重要步驟。選擇適合的圖片格式不但可以將讓設(shè)計(jì)得到合理的顯示效果、甚至還可以有效的控制圖檔的檔案大小,節(jié)省下載時(shí)間、有效的減少服務(wù)器的負(fù)擔(dān)。
JPEG
JPEG 非常適合作為儲(chǔ)存像素色彩豐富的圖片、例如照片等等,這些圖片即使有些微的失真也不容易輕易的察覺:而反過來說 JPEG 并不適合用來儲(chǔ)存線條圖、圖標(biāo)或文字等等有清晰邊緣的圖片多次重復(fù)進(jìn)行 JPEG 的圖檔的儲(chǔ)存將會(huì)永久性地破壞圖片中的細(xì)節(jié)。
GIF
Gif 在許多特性與表現(xiàn)上都與 JPEG 有著相對(duì)的特性。GIF 使用無損壓縮格式(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 非常適合用來表現(xiàn)圖標(biāo)、 UI接口、線條插畫、文字等部分的輸出。
另外 GIF 同時(shí)還支持透明背景、以及動(dòng)畫圖檔格式,并且?guī)缀醪挥脫?dān)心支持性的問題:幾乎 100% 的瀏覽器都支持它。
PNG
PNG 分為 PNG-8 以及 PNG-24 兩種格式,PNG-8 的特性很接近 GIF ,支持 256 色以及透明背景的特性。而 PNG-24 則支持了多達(dá) 160 萬個(gè)色彩。
雖然 PNG 不支持動(dòng)畫,但是 PNG-24 支持了Alpha 透明效果,這可以說是 PNG-24 最令人眼睛一亮的地方了。也就是說使用 PNG 輸出圖檔時(shí),可以有效的支持不同的透明度效果了,這對(duì)網(wǎng)頁設(shè)計(jì)師來說無疑是一個(gè)好消息。
以上就是三種圖片主要的格式,仔細(xì)閱讀之后我想設(shè)計(jì)師們對(duì)于要選用那種格式的圖片已經(jīng)有了一些掌握,希望可以好好利用。