網(wǎng)頁規(guī)劃中:完美的圖畫處理五大要素 |
發(fā)布時間:2019-10-18 文章來源:本站 瀏覽次數(shù):3068 |
制造網(wǎng)頁離不開大量的圖畫處理操作。網(wǎng)頁圖畫處理與用于打印、視頻的圖畫處理有著很大的差異,Web規(guī)劃者應(yīng)該有針對性地把握網(wǎng)頁圖畫處理方法和技巧。一般情況下,應(yīng)考慮以下幾個要素。 1. 格式 由計算機發(fā)作的方式簡略的圖畫(如標(biāo)識、圖標(biāo))首選PNG格式,而色彩豐厚的相片則一定是JPEG。假如色彩不多且沒有突變,應(yīng)當(dāng)運用GIF格式。 GIF是用得最多的網(wǎng)頁圖畫格式。GIF最多包容256種色彩,幾乎適用于除相片以外的所有圖畫。它還具有生成簡略的動畫和通明圖畫的才能。 PNG格式相對較新,也是W3C引薦的格式。PNG-8最多可包括256種色彩,堪比GIF;PNG-24支撐RGB形式,即能夠體現(xiàn)任何色彩,質(zhì)量較高;PNG-32在PNG-24的基礎(chǔ)上增加了alpha通道,也即能夠設(shè)置通明。 JPEG能夠保存約1670萬種色彩,常用于保存相片。但除此之外,幾乎用不到JPEG。假如圖畫色彩少于256種,或許含有大片純色,則JPEG的作用反而不好——為獲得高質(zhì)量的圖畫,文件巨細(xì)可能成倍增加。 挑選圖畫格式應(yīng)當(dāng)綜合考慮其運用范圍,如下文詳細(xì)打開的色彩、通明、動畫等方面。能夠經(jīng)過Photoshop或Fireworks的導(dǎo)出向?qū)П容^各項參數(shù)。挑選的規(guī)范是,確?山邮艿膱D畫質(zhì)量的前提下,文件應(yīng)盡可能小。 2. 色彩 創(chuàng)立圖畫應(yīng)運用RGB形式,而非用于打印的CMYK形式。不必考慮瀏覽器安全色,由于幾乎不再有人運用8位的顯示器。色彩的挑選應(yīng)當(dāng)參照統(tǒng)一的規(guī)范,如視覺辨認(rèn)(VI)系統(tǒng)。色彩的數(shù)量和作用是決定圖畫格式的重要因素,如色彩突變往往發(fā)作大量色彩,假如保存為GIF則會發(fā)作失真,文件巨細(xì)也大幅增加,這時應(yīng)考慮運用PNG-24、PNG-32或JPEG格式。 3. 尺度 運用矢量創(chuàng)造東西制造的圖畫往往適合保存為PNG格式,其尺度應(yīng)在矢量繪圖東西中確定,變?yōu)槲粓D后便不再容易對其進行縮放操作(尤其不應(yīng)進行擴大操作)。值得注意的是,在Fireworks中創(chuàng)立的PNG文件包括圖層等可編輯信息,其間的直線、形狀、文字都?xì)w于矢量圖。將這樣的圖畫應(yīng)用于網(wǎng)頁應(yīng)先進行輸出操作以壓縮文件巨細(xì),而輸出的PNG圖畫也會由于丟掉可編輯信息而轉(zhuǎn)為位圖。因此,圖畫尺度的調(diào)節(jié)應(yīng)在輸出操作之前完結(jié)。不對位圖進行縮放是為了確保圖畫的輪廓和突變滿足清晰。 關(guān)于已有的位圖和相片,應(yīng)先運用Photoshop等軟件調(diào)整好尺度后再刺進到網(wǎng)頁中,而不應(yīng)運用HTML言語中的width和height屬性改動圖畫尺度。直接運用HTML言語控制圖畫尺度可能會使圖畫失真嚴(yán)重。 一般,放入網(wǎng)頁中的圖片應(yīng)控制到一個比較小的尺度。假如與文字混排,寬度最好在300 px左右。即便單獨呈現(xiàn),寬度也最好在600 px以下。至于高度,以不超越一屏為宜。 4. 通明 GIF和PNG都支撐通明,但方式并不相同。GIF僅僅單純地將某一種或幾種色彩設(shè)為徹底通明,并不考慮與它附近的突變色的通明度。這意味著,假如背景色彩發(fā)作重大改動(或許本來就包括幾種比照明顯的色彩),與通明部分交界的地方將得不到平滑過渡,呈現(xiàn)一條明顯的分界線。假如要創(chuàng)立通明GIF,有必要將畫布背景色設(shè)置成與目標(biāo)作用的背景色相同(或挨近)。PNG不存在這個問題,同時還能夠設(shè)置半通明。 可是默認(rèn)情況下IE6不能正確地顯示通明PNG,需求采取恰當(dāng)?shù)霓k法。 5. 動畫 網(wǎng)頁上的動畫一般包括Flash和動畫GIF兩種。Flash功能強壯,作用豐厚,圖畫質(zhì)量高,且具有強壯的創(chuàng)造軟件,是多數(shù)情況下首選的網(wǎng)頁動畫方式。動畫GIF的不足是僅能運用不超越256種色彩,且難以制造作用復(fù)雜的動畫,但它的優(yōu)勢是文件小,且無需插件支撐就能夠在任何舊式的或現(xiàn)代的瀏覽器播映 |
|