網站制作之圖形處理技術

      設計網站不得不考慮頁面的數據量。圖形幾乎占有的網頁的全部數據量。如果一屏的文字和圖形的數據量超過100k的話，你就要考慮圖形的選擇問題了，因為這么大的數據流量下載需要花費用戶很長的時間，用戶等待下載圖形的耐心往往十分有限。如果真的造成這樣的不愉快，那你設計的努力也將付諸東流了。要解決這樣的問題，首先我們要了解技術對圖像格式的支持。通常適合網絡傳輸的圖像格式有以下幾種：GIF、JPEG、PNG、PIC。

        GIF格式使用 8位(2的8次方，即256種顏色)顏色，并在保留銳化細節（如藝術線條、徽標或帶文字的插圖）的同時，有效地壓縮實色區域。還可以使用 GIF 格式創建動畫圖像。大多數瀏覽器都支持GIF格式。GIF格式使用LZW壓縮，它是無損耗的壓縮方法。但是，因為GIF文件只有256種顏色，所以將原24位圖像優化為8位GIF會導致顏色信息丟失。

        PNG-24 格式支持 24 位顏色。和 JPEG 格式一樣，PNG-24 可保留照片中存在的亮度和色相的顯著和細微變化。和 GIF 和 PNG-8 格式一樣，PNG-24 可保留銳化細節，如藝術線條、徽標或包含文字的插圖中的細節。

        JPEG 格式支持24位顏色，并保留照片和其它連續色調圖像中存在的亮度和色相的顯著和細微變化。大多數瀏覽器都支持 JPEG。JPEG 通過有選擇地減少數據來壓縮文件大小。因為它會棄用數據，所以JPEG 壓縮稱為損耗壓縮。較高品質設置導致棄用的數據較少，但是 JPEG 壓縮方法會降低圖像中細節的清晰度，尤其是包含文字或矢量圖形的圖像。

        PNG文件使用比GIF更高級的無損耗壓縮方案，并且可以比同一圖像的GIF文件小 10-30%，這具體取決于圖像的顏色圖案。因為不是所有的瀏覽器都支持 PNG，所以在圖像必須可由盡可能多的Web用戶訪問時，建議避免使用此格式。PNG格式有兩種類型：PNG-8和 PNG-24。同一圖像的 PNG-24 文件常比JPEG文件大。該格式除了支持背景透明度和背景雜邊外，PNG-24 格式還支持多色階透明度。多色階透明度允許保留多達256個色階的透明度，可以平滑地將圖像邊緣與任何背景色混合。但是，不是所有的瀏覽器都支持多色階透明度。

        PICT格式作為在應用程序之間傳遞圖像的中間文件格式，廣泛應用于 Mac OS 圖形和頁面版面應用程序中。PICT格式支持具有單個alpha通道的RGB圖像和不帶alpha通道的索引顏色、灰度和位圖模式的圖像。PICT 格式在壓縮包含大面積純色區域的圖像時特別有效。對于包含大面積黑色和白色區域的alpha通道，這種壓縮效果相當驚人。

        web2.0 ：我一直聽到說這個時髦的詞，不管是喜歡還是討厭web2.0，它都是這種特定的web2.0設計風格的一個主要的部分。這個指南的目的是想給一些設計新 手一些參考，或者是做為一個清單，給那些還在掙扎著適應著好多社會性網絡/社會性媒體網站風格的頁面圖形設計師們。

　　當設計師們瘋狂的尋找最佳的紋理好像木紋、磚塊、布紋等等的時候，紋理素材網站就應運而生了。

　　在photoshop里可以往背景和文字上疊加元素，如果他們被恰當使用的話，也的確可以給設計帶來一些情趣。如果你不是很確定是否過度使用了這個Web2.0的特征（或者其他特征），那就試著把設計貼到設計論壇里面尋求反饋吧。

　　反光 Reflection

　　著名的蘋果水晶按鈕讓一種設計風格流行起來了。
　　反光在很多web2.0的設計風格中逐漸開始有了立足之地。這個設計風格的關鍵是注意降低不透明度，這會使整個設計看起來效果很好。

　　閃耀的圖標 Bling icons

　　我喜歡好的圖標，可愛的圖標的確能為一個平淡的設計帶來層次和亮點。    轉自：奈薇建站網（www.nev.cn）
　　Everaldo創建了一個自己的水晶圖標集，同時也激發很多有天賦的圖標設計師的靈感。

　　web2.0 的徽章 \ 價格標簽

　　web2.0的徽章和最近流行的價格標簽可以用來吸引游客的注意力。
　　大部分的徽章都是反光的（閃閃發光的），而價格標簽卻普遍是灰暗的。