網頁規劃中：完美的圖畫處理五大要素

制造網頁離不開大量的圖畫處理操作。網頁圖畫處理與用于打印、視頻的圖畫處理有著很大的差異，Web規劃者應該有針對性地把握網頁圖畫處理方法和技巧。一般情況下，應考慮以下幾個要素。

　　1. 格式

　　由計算機發作的方式簡略的圖畫(如標識、圖標)首選PNG格式，而色彩豐厚的相片則一定是JPEG。假如色彩不多且沒有突變，應當運用GIF格式。

　　GIF是用得最多的網頁圖畫格式。GIF最多包容256種色彩，幾乎適用于除相片以外的所有圖畫。它還具有生成簡略的動畫和通明圖畫的才能。

　　PNG格式相對較新，也是W3C引薦的格式。PNG-8最多可包括256種色彩，堪比GIF;PNG-24支撐RGB形式，即能夠體現任何色彩，質量較高;PNG-32在PNG-24的基礎上增加了alpha通道，也即能夠設置通明。

　　JPEG能夠保存約1670萬種色彩，常用于保存相片。但除此之外，幾乎用不到JPEG。假如圖畫色彩少于256種，或許含有大片純色，則JPEG的作用反而不好——為獲得高質量的圖畫，文件巨細可能成倍增加。

　　挑選圖畫格式應當綜合考慮其運用范圍，如下文詳細打開的色彩、通明、動畫等方面。能夠經過Photoshop或Fireworks的導出向導比較各項參數。挑選的規范是，確?？山邮艿膱D畫質量的前提下，文件應盡可能小。

　　2. 色彩

　　創立圖畫應運用RGB形式，而非用于打印的CMYK形式。不必考慮瀏覽器安全色，由于幾乎不再有人運用8位的顯示器。色彩的挑選應當參照統一的規范，如視覺辨認(VI)系統。色彩的數量和作用是決定圖畫格式的重要因素，如色彩突變往往發作大量色彩，假如保存為GIF則會發作失真，文件巨細也大幅增加，這時應考慮運用PNG-24、PNG-32或JPEG格式。

　　3. 尺度

　　運用矢量創造東西制造的圖畫往往適合保存為PNG格式，其尺度應在矢量繪圖東西中確定，變為位圖后便不再容易對其進行縮放操作(尤其不應進行擴大操作)。值得注意的是，在Fireworks中創立的PNG文件包括圖層等可編輯信息，其間的直線、形狀、文字都歸于矢量圖。將這樣的圖畫應用于網頁應先進行輸出操作以壓縮文件巨細，而輸出的PNG圖畫也會由于丟掉可編輯信息而轉為位圖。因此，圖畫尺度的調節應在輸出操作之前完結。不對位圖進行縮放是為了確保圖畫的輪廓和突變滿足清晰。

　　關于已有的位圖和相片，應先運用Photoshop等軟件調整好尺度后再刺進到網頁中，而不應運用HTML言語中的width和height屬性改動圖畫尺度。直接運用HTML言語控制圖畫尺度可能會使圖畫失真嚴重。

　　一般，放入網頁中的圖片應控制到一個比較小的尺度。假如與文字混排，寬度最好在300 px左右。即便單獨呈現，寬度也最好在600 px以下。至于高度，以不超越一屏為宜。

　　4. 通明

　　GIF和PNG都支撐通明，但方式并不相同。GIF僅僅單純地將某一種或幾種色彩設為徹底通明，并不考慮與它附近的突變色的通明度。這意味著，假如背景色彩發作重大改動(或許本來就包括幾種比照明顯的色彩)，與通明部分交界的地方將得不到平滑過渡，呈現一條明顯的分界線。假如要創立通明GIF，有必要將畫布背景色設置成與目標作用的背景色相同(或挨近)。PNG不存在這個問題，同時還能夠設置半通明。

　　可是默認情況下IE6不能正確地顯示通明PNG，需求采取恰當的辦法。

　　5. 動畫

　　網頁上的動畫一般包括Flash和動畫GIF兩種。Flash功能強壯，作用豐厚，圖畫質量高，且具有強壯的創造軟件，是多數情況下首選的網頁動畫方式。動畫GIF的不足是僅能運用不超越256種色彩，且難以制造作用復雜的動畫，但它的優勢是文件小，且無需插件支撐就能夠在任何舊式的或現代的瀏覽器播映