網頁寄存的處理技巧

製作網頁離不開大量的圖像處理操作。網頁圖像處理與用於打印、視頻的圖像處理有著很大的差異,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的導出嚮導比較各項參數。選擇的標準是,保證可接受的圖像質量的前提下,文件應盡可能小。
2. 顏色
創建圖像應使用RGB模式,而非用於打印的CMYK模式。Web Design不必考慮瀏覽器安全色,因為幾乎不再有人使用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種顏色,且難以製作效果複雜的動畫,但它的優勢是文件小,且無需插件支持就可以在任何老式的或現代的瀏覽器播放。

友情鏈接: CRM SEO SEO優化 網上推廣 網上廣告 搜尋器優化 網站優化 網站排名 Web Design 網頁設計 婚禮 婚禮統籌 Wedding Planner 婚禮 美容 Beauty 美髮 整容 塑身 風水 Feng Shui 風水學 環境學 寵物 Pet 環保袋 Recycle Bag 環保購物袋 珠寶 Jewellery 防火牆 Firewall 物流 Logistics 條碼 Bar Code 會計 月餅 果籃 模特兒 機場接送 機票 水上活動 水族 汽車模型 泰拳 海外升學 清潔 湯瑪士火車 滅蟲 潛水 澳門酒店 激光矯視 燒烤 營養師 物理治療 瑜珈 SEO Course SEO培訓課程 創業課程 創業賺錢 網上創業課程 青年創業 青年人創業 網上營銷 ERP POS 時裝批發 Fashion 化妝 Make Up 花店 Flower Shop 健康食品 Healthy Food 減肥 Weight Loss 網上商店 網頁設計 網頁設計模板 CMS操作視頻下載 CMS CMS視頻 Web 3.0 網路行銷 電郵服務 電子商務 認字 記憶法 Playgroup 記憶課程 記憶班 Memory course SEO Training Email Marketing 電郵廣告宣傳 電郵推廣 MBA BBA DBA PHD 博士 Hong Kong Hostel Hong Kong Guesthouse 香港賓館 香港旅館 保安服務 保險 優惠 創業 展覽會承包商 市場推廣及公關 建築及建造 撰稿及翻譯 教學進修 健康及醫療 中醫 其他治療 另類療法 康復 按摩中心 教學進修 普通診所 Spas 修甲 化妝 太陽燈 形象顧問 整容手術 會社、組織及團體 減肥 紋身及穿環 面部及皮膚護理 髮型設計及護理