亚洲av日韩av永久无码久久,免费的视频app网站,欧美性猛交xxxx免费看,国产成人精品三级麻豆

網(wǎng)頁設(shè)計中圖片格式的選擇技巧

2013-11-1    藍藍設(shè)計的小編

轉(zhuǎn)載藍藍設(shè)計(   www.chinatradebeam.com  )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源:http://www.uisdc.com/banner-click-rate

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里

網(wǎng)頁設(shè)計中圖片格式的選擇技巧

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

以設(shè)計師最常用的 Photoshop 以及 Illustrator 為例,都提供了「儲存為網(wǎng)頁用…」的功能。與默認的存盤模式不同,在這個模式中,軟件提供了仿真圖文件輸出的質(zhì)量調(diào)整、檔案大小控制等針對網(wǎng)頁圖文件需求的選項:


相信許多人都知道網(wǎng)頁設(shè)計中最常用的格式不外乎 JPG、GIF、PNG 等格式,但并非所有的人都知道他們之前的實際差別跟到底何時該選擇何種格式。經(jīng)常發(fā)生的情況是,選擇 GIF 后的輸出結(jié)果看起來變得很糟,于是 PNG (24)似乎突然間風行了起來,不論圖檔尺寸是不是因此多了好幾倍。


JPEG

由于舊型計算機系統(tǒng)以及文件系統(tǒng)的限制,計算機檔案文件名與擴展名被規(guī)定為 8.3 的格式,因此 JPEG 的附檔名被縮寫為 .JPG。JPEG可以說是人們最熟悉的圖檔格式了,相信在數(shù)字相機普及的現(xiàn)在,幾乎每臺數(shù)字相機、照相手機都可以(甚至只能)輸出 JPEG 格式的圖檔。JPEG是一種很典型的使用破壞性壓縮(lossy compression)的圖檔格式,也就是說使用者每次進行 JPEG 的存檔動作后,圖檔的內(nèi)容都會遭到破壞,這個特性在肉眼辨識下并不明顯,但卻可以有效的降低圖檔的檔案大小。

就如這些使用 JPEG 的設(shè)備一樣,JPEG 非常適合作為儲存像素色彩豐富的圖片、例如照片等等,這些圖片即使有些微的失真也不容易輕易的察覺:而反過來說 JPEG 并不適合用來儲存線條圖、圖標或文字等等有清晰邊緣的圖片

多次重復(fù)進行 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% 的瀏覽器都支持它。

由于 JPEG 與 GIF 有著如此不同的特性,因此我們可以很輕易的選擇何時該用哪一種格式來輸出我們需要的圖檔。
當圖片擁有豐富的色彩時,并且沒有明顯銳利反差的邊緣線條時,選擇 JPEG 可以得到最好的輸出結(jié)果,像是照片就是最好的例子:



(左圖:Photoshop 輸出 JPEG 默認值:品質(zhì):高,壓縮質(zhì)量 60%、優(yōu)化輸出。右圖:Photoshop 輸出 GIF 默認值:256色、擴散性混色)

當圖片是擁有明確邊緣的線條圖、沒有使用太多色彩、甚至可能需要透明背景時,GIF 是很完美的選擇,檔案小、畫質(zhì)又精美。




(上圖:Photoshop 輸出 GIF:64色、擴散性混色。下圖:Photoshop 輸出 JPEG 默認值:品質(zhì):高,壓縮質(zhì)量 60%、優(yōu)化輸出)

PNG

PNG 最初的開發(fā)目的是為了作為 GIF 的替代方案的,作為做新開發(fā)的影像傳輸文件格式,PNG 同樣使用了無損壓縮格式,事實上 PNG 的開發(fā)就是因為 GIF 所使用的無損壓縮格式專利問題而誕生的。

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

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

在大部分的情況下,設(shè)計師必須根據(jù)圖片需求來選擇不同的圖檔格式,并且對其做適當?shù)恼{(diào)整。雖然 PNG-24 看起來很完美,但是相應(yīng)的當然就是檔案大小的增加。另外還有就是瀏覽器支持度的問題,雖然現(xiàn)在幾乎大部分的瀏覽器都支持了 PNG-24 格式,但不幸的是 IE6 是不支持透明 PNG 圖檔的,現(xiàn)在依然有相當?shù)氖褂谜咴谑褂?IE6 或更早的版本,雖然比例會越來越少,但是設(shè)計師多少必須將其考慮其內(nèi),是否考慮使用 GIF 替代,或是在程序端透過 script 的方式來支持透明 PNG 格式。

原文:dclick.fourdesire.com/

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.chinatradebeam.com

存檔

亚洲av永久无码精品一福利| 欧美疯狂做受xxxxx高潮| 我和亲妺在客厅作爱h| 又大又粗又硬又长| 精品亚洲成a人片在线观看| 欧美日韩在线视频一区| 九月婷婷人人澡人人添人人爽| 精品无码av无码免费专区| 中文字幕一区二区三区日韩精品| 国产美女在线精品免费观看网址 | 久久www香蕉免费人成| 亚洲精品无码精品MV在线观看| 无码a级毛片免费视频内谢| 无码天堂亚洲国产av久久| 久久精品AⅤ无码中文字字| 国产乱人激情h在线观看| 日日碰狠狠添天天爽无码| 亚洲va欧美va人人爽| 国产AV无码专区亚洲AV毛网站| 插我舔内射18免费视频| 夫妻那些事全集免费观看电视剧 | 亚洲乱码无码永久不卡在线| 国产裸体美女永久免费无遮挡| 国产午夜亚洲精品不卡| 亚洲第一成人网站| 亚洲AV无码专区国产乱码电影| 日本无码小泬粉嫩有套在线| 亚洲国产精品美女久久久久av| 精品国产一区二区三区久久久狼| 国产精品www夜色视频| 丰满少妇大力进入av亚洲| 大胸美女被吃奶爽死视频免费| 三个黑人跟一个女人xxoo| 亚洲国产精品尤物yw在线观看| 我趁老师睡觉摸她奶脱她内裤| 男男做爰猛烈叫床视频gv| 国产亚洲人成a在线v网站| 唐三偷喝宁荣荣乳液污黄文| 被老外添嫩苞添高潮np视频| 亚洲18色成人网站WWW| 无码精品视频一区二区三区|