PS教程：圖片存儲為Web所用格式優(yōu)化詳解

1、PS教程：圖片存儲為 Web所用格式優(yōu)化詳解【PCo nline欣賞】當(dāng)需要把圖片存儲為網(wǎng)頁所用格式時，為了確保圖片無卡頓 地清晰顯現(xiàn)，考慮它的品質(zhì)和大小總是很必要的。這個PS教程就會教給你關(guān)于“存儲為Web所用格式”你需要知道的知識。存儲為Web所用格式互聯(lián)網(wǎng)幾乎是當(dāng)今最大的藝術(shù)、圖形和相片分享平臺之一，因此掌握一些保 存為網(wǎng)頁格式的基礎(chǔ)知識就非常重要了。 實(shí)際上，保存為網(wǎng)頁格式是一項(xiàng)平衡藝 術(shù)一一你必須在圖片品質(zhì)和介質(zhì)的文件尺寸之間做好平衡，以便滿足你的個人 需求。在速度相對重要的地方（如迅速地加載網(wǎng)站），你可能需要犧牲一些圖片品 質(zhì)。而在品質(zhì)重要的地方，則需要犧牲一點(diǎn)速度。這堂課程的目的

2、就是向你介紹 一些方法，在這兩個因素之間尋求平衡，與此同時保留非常好的圖像品質(zhì)。無損vs損耗數(shù)據(jù)雖然存在有非常多的圖片格式（僅舉幾例，如 jpeg，gif和png ），但是依 據(jù)壓縮方法不同，所有的圖片都能進(jìn)一步歸類為兩大類別： 無損和有損。無損數(shù) 據(jù)壓縮保證了圖像在沒有任何品質(zhì)和信息丟失的情況下重現(xiàn)，而有損數(shù)據(jù)壓縮的 結(jié)果就是可能造成品質(zhì)和信息的丟失。在平面設(shè)計領(lǐng)域最主流的無損媒介格式包 括GIF、PNG以及TIFF，而JPEG是最主流的有損壓縮的圖形格式。如何用PHOTOSHOP保存網(wǎng)頁格式PS擁有非常好的方法來為網(wǎng)頁優(yōu)化圖片。 在PS中，選擇文件 存儲為Web 格式或者使用快捷鍵ctrl

3、+alt+shift+s 。一個新的對話框?qū)棾?，這里有所有 為網(wǎng)頁保存和優(yōu)化圖片的設(shè)置。圖01通過以下一些生活中的案例來演示如何使用對話框中的設(shè)置為網(wǎng)頁存儲圖像由于圖片巨大的文件體積，它們更多是以有損壓縮格式來保存的。 甚至在拍 照時，相對于數(shù)倍大小的RAW格式，相機(jī)也傾向于用有損格式（如 JPEG）來 保存圖片。JPEG是日常中首選的圖片格式，它是以它的創(chuàng)造者“聯(lián)合圖像專家小組” 來命名的。Jpeg之所以能夠成為標(biāo)準(zhǔn)，是因?yàn)樗趬嚎s圖像數(shù)據(jù)的同時可以保 留高品質(zhì)，并且在相關(guān)信息上能夠接近無損圖像的效果。當(dāng)你在保存圖片的時候，有幾種網(wǎng)頁格式預(yù)設(shè)可供選擇。 對于一張圖片，你 應(yīng)該考慮是使用J

4、PEG低、JPEG中，還是JPEG高。觀察下面的對比圖，（可 以）發(fā)現(xiàn)案例中的圖片經(jīng)過壓縮后并沒有多大的品質(zhì)損耗。相比起超過250KB的源文件，我們選擇中等質(zhì)量或者高等質(zhì)量的壓縮預(yù)設(shè)就能夠得到一個大小不超 過30KB，并有合適品質(zhì)的圖片。圖02GIF圖像有些時候，你會被要求用無損格式來保存，以便最好地優(yōu)化你正在創(chuàng)作的任 何作品。這在網(wǎng)頁設(shè)計中時常遇到，在布局上使用比普通圖片更少的顏色。GIF，全稱為“圖像互換格式”，是一種只用到 256個顏色調(diào)色板的圖片格 式，這讓它成為不需要使用太廣泛色域的網(wǎng)頁圖片的理想選擇。GIF也能將單個像素設(shè)置成透明，不過這并不在這個教程的討論范圍之內(nèi)。下面展示了一張

5、（使用著256個顏色的）GIF圖像和JPEG圖像的對比照，它們擁有同樣的大小。正 如你所見到的，無損GIF圖片能更好的接近源文件。圖03因?yàn)镚IF圖像受到256色的限制，它本應(yīng)該極少被用到圖片中，但是他們 恰好適合那些使用純色或是有限色彩的圖像。對于圖片來說，通常來說不是使用JPEG有損壓縮，就是GIF無損格式。高品質(zhì)圖像和無損PNGPNG，全稱為“可移植網(wǎng)絡(luò)圖形”，是一種類似于 GIF的無損格式，只是 它支持更為豐富的色彩（有時候也讓它的體積變大），而且可以支持帶透明圖層 的Alpha通道，而非單一透明像素。PNG圖像正在日漸取代GIF，主要是因?yàn)樵谥С指S富的色彩方面，PNG通常比GIF的

6、壓縮效果要更好。雖然它還不想 GIF有廣泛的支持，但是無疑它 正朝著那個方向前進(jìn)。當(dāng)圖片必須保留完整品質(zhì)在網(wǎng)絡(luò)上進(jìn)行傳輸?shù)臅r候，PNG是最佳的選擇。比起用JPEG傳輸圖片，（PNG）會令你得出更大的圖片大小，但是有時候這是 一個非常有必要的犧牲。當(dāng)一個圖片包含銳利的線條、以及必須保留清晰的文字 時，PNG通常是一個更好的選擇，當(dāng)然了，最終還是要由設(shè)計師來決定使用哪 一種格式。遇到失意傷心事，多想有一個懂你的人來指點(diǎn)迷津，因他懂你，會以我心，換你心，站在你的位置上思慮，為你排優(yōu)解難。一個人，來這世間，必須懂得一些人情事理，才能不斷成長。就像躬耕于隴畝的農(nóng)人，必須懂得土地與種子的情懷，才能有所收獲。一個女子，一生所求，莫過于找到一個懂她的人，執(zhí)手白頭，相伴終老。即使蘆花暖鞋，菊花枕頭，也覺溫暖；即使粗食布衣，陋室簡靜，也覺舒適，一句懂你”叫人無怨無悔，愿以自己的一生來交付。懂得是彼此的欣賞，是靈魂的輕喚，是惺惺相惜，是愛，是暖，是彼此的融化；是走一段很遠(yuǎn)的路，驀然回首卻發(fā)現(xiàn)，我依然在你的視線里；是回眸相視一笑的無言；是一條偏僻幽靜的 小路，不顯山，不露水，路邊長滿你喜愛的花草，靜默無語卻馨香盈懷，而路的盡頭，便是通達(dá)你心靈的小屋瑟瑟嚴(yán)冬，窗外雪飄，絮絮自語說了這多，你可懂我了嗎？若你知曉，無需說話