網(wǎng)站制作之圖形處理技術(shù)

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

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

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

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

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

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

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

當(dāng)設(shè)計師們瘋狂的尋找好的紋理好像木紋、磚塊、布紋等等的時候，紋理素材網(wǎng)站就應(yīng)運而生了。

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

反光 Reflection

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

閃耀的圖標(biāo) Bling icons

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

web2.0 的徽章 \ 價格標(biāo)簽

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

網(wǎng)頁題目：網(wǎng)站制作之圖形處理技術(shù)
文章URL：http://www.muchs.cn/news/244720.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站制作等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)