利用POTOSHOP5.5壓縮網頁圖像,圖片,視覺,平面,廣告,VI,畫冊,課程,技巧,PS

有位朋友來信，向我提了兩個問題：為什麼我們的網站用了不少較大的圖，而速度依然挺快？他說自己從不用大圖做底紋用。另外，為什麼我的一幅尺寸比他的作品大了不少的圖像，文件倒反而更小？

我在網上也經常看到，有的朋友對圖像壓縮似乎並未太多用心，比如用Photoshop存儲JPEG格式吧，我猜想大多數情況下都是直接用Save as或Save a copy as這樣的命令。當選擇壓縮比率時，軟件僅提供了十個等級，壓縮後的效果也不能馬上看到，另外，如果是Photoshop4.0或5.01版，對JPEG的壓縮，運用於網絡也不算理想。網絡圖像，較大的也就是接近1024x768。因為顯示器目前較大的就是17寸。更多的，則是在600或700點左右，這時，壓縮成JPEG格式，弄不好就會把圖像搞得模糊。至於GIF格式，它的壓縮手段主要在顏色數和顏色表的選擇等方面，經常使用GIF的人不一定就對它有很好的控制。而GIF的壓縮方式及效果，在不同的軟件裡往往不同，大家還是應該稍加注意。有位網友在首頁上用了一幅圖像，也就是頁面的五分之一，但首頁下載速度相當慢。我把圖像存下來一看，居然有85K。我重新把它存了一下，也就是24K左右。我是用Photoshop5.5存儲這幅圖像的。

Photoshop5.5已經發佈很長時間了，不過，當中文版的5.01流行之後，許多人不大關心5.5英文版。實際上這是個大失誤，尤其對各位網友們更是如此。因為，Photoshop5.5最大的變化，就是對網絡的支持。近來，Adobe對網絡的關心是大大增加了，Golive的出現、ImageStyler給網頁美術帶來的方便、ImageReady2.0與Photoshop5.5的捆綁，都能說明問題。

在5.5版裡，無論是Photoshop還是ImageReady，當你輸出JPEG或GIF文件時，你將得到完全的自由控制權。ImageReady2.0還能極容易地製作動畫GIF，想瞭解這方面內容，請看我的《用ImageReady2.0作動畫》，這裡對ImageReady2.0不作介紹了，反正，這兩個軟件幾乎沒什麼界面上的差別。 /P>

至於Photoshop5.5，當你將文件存儲時，不論是JPEG還是GIF，建議你用File裡的Save for Web命令。會出現一個新的控制板，左側的大塊面積是圖像的預覽效果，注意請選擇左上角的Optimized顯示方式，這時你看到的圖像就是目前壓縮比率下的效果，下方還有文件壓縮後的大小及在不同傳輸速率下的傳輸時間。右邊，是壓縮控制區，我已將它剪切下來，請仔細看看，並不複雜。輸出JPEG時，你可以控制壓縮比率，從1%到100%，隨你選擇，同時，可以觀察壓縮效果，Blur是模糊度選擇，當圖像太硬，也就是說銳化程度過高時，可以稍微加一點模糊度。其它各項大家自己研究一下，不難理解的。需要說明的一點是，當你輸出較大的圖像時，不要選擇Progressive復選框，這樣，圖像會隨著下載過程一部分一部分地顯示。如果你選擇了Progressive，則只好等圖像全部下載後才能顯示了。

對於GIF，情況與JPEG類似。這時你控制的是顏色數，不再是壓縮比率。 Photoshop5.5的GIF壓縮很聰明，假如你的圖像只用了兩種顏色，並且尺寸很大，上面畫了些光滑曲線。這時，如果存成JPEG，線條將很容易模糊，大面積的等值色塊也將出現色斑。要避免這種問題，必須選擇GIF格式。將顏色數選為2或4，你設定的那兩種顏色會很好地保留下來，而文件又小，你該滿意了，並且感謝Adobe吧。

當然，無論是JPEG還是GIF，圖像壓縮的程度，除了你的控制因素外，還與圖像本身的具體情況有關。所謂壓縮，是指程序將每一行像素點中相同的連接部分以簡單的數字進行記錄，JPEG則在這個基礎上加入了特殊的算法。比如你畫了一條水平線，壓縮程序會記錄這條線的顏色，長度等內容，而無須按每個像素的方式重複記錄，這是壓縮的基本原則。所以，當圖像的色調變化非常大時，即使只佔據了整個畫面的一部分，壓縮時，那些多色調區必須一點一點地記錄，所以，文件也將較大的。編輯圖像時須考慮到這一點。

最後，談談網站速度的問題。朋友說我們的網站下載速度較快，這是可能的，雖然並不總是這樣。我們的網站是正式申請的，交了錢，從域名可以看得出來。選擇的服務商也較新，先進的技術，先進的設備，無疑起了大作用。這一點，免費站點是作不到的。如果你對自己的網站懷著極大的期望與信心，勸你想點辦法，申請一個正式的域名吧，當然，要謹慎選擇服務商。