中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

簡單分享網(wǎng)站建設中圖像的表現(xiàn)技巧

2014-11-07    分類: 網(wǎng)站建設

網(wǎng)站建設中圖像的表現(xiàn)技巧:

第一:網(wǎng)頁訪問者往往沒有耐心。你的圖像可能很酷,但是如果她們對于快速下載來說太豐滿,很少有人會堅持到最后以求一睹她們的尊容。幸運的是,網(wǎng)頁設計者可以使用一些技巧和優(yōu)化來加速圖像和頁面的下載。
  第二:不必要的就不要其實沒有什么特別的技巧。做其它事之前,從你的頁面中把所有多余的圖像去掉。這里“多余”不是指你們公司的標志或你們辦公室的地圖。我們是指那個精明的、在“發(fā)郵件”旁邊的動畫信封。也許在你的頁面底部還放著隨處可見的NetscapeNavigator和Internet Explorer按鈕。說實話,有多少人沒聽說過這些產(chǎn)品呢?
  在網(wǎng)站中減少一個瑣碎的10KB的圖形文件可能對整個網(wǎng)站改進不大。但是如果你的整個頁面才40KB,減少10KB就可以減少25%的下載時間-減少一個跳舞嬰兒的按鈕還是合算的。
  如果你的網(wǎng)頁確實需要削減,可以考慮用文本“提交”按鈕代替圖形“提交”按鈕。用靜態(tài)圖形代替動態(tài)GIF圖形可以減少下載時間。最后,一些神奇的“header”圖形可以用<FONT SIZE>和<FONT FACE>標記代替。
  第三:GIF文件和JPEG文件除非你想得到ARCHIE或GOPHER一樣的火箭速度,你總會用到一些圖形。遵守一些創(chuàng)建圖像的規(guī)則,你的頁面下載的時間就會可行。
  開始時,確定一個圖像用GIF格式還是JPEG格式。這看起來很基本,但是還有一大部分網(wǎng)頁犯這樣的錯誤。
  GIF用在看起來干脆整潔的小圖形上是很好的,但是不會超過256色。GIF也可存為“透明色”-允許圖形有不規(guī)則的邊界。簡單的公司標志、小按鈕和導航條是應用GIF圖形格式的很好的例子。不象JPEG,GIF是一種無損失的壓縮格式,所以你的圖形不會變得模糊不清。如果你在掃描有詳細細節(jié)的地圖,應該選擇GIF格式。不過,如果圖片很大,GIF文件會很大,下載時間也會很長。
  你不能從根本上壓縮GIF文件,但是可以減少位深,即限制顏色數(shù)。給定位深的顏色數(shù)等于2的位深次冪(即,8位=256色)。顏色數(shù)越少,圖像的字節(jié)數(shù)越少。假設你正在建一個可口可樂的網(wǎng)站,可以把很多標志的位深減少到3或4位(紅、白,或許還需要這兩種顏色的陰影色來使邊界光滑)??梢杂肈ebabelizer軟件改變位深。
  JPEG文件可以顯示幾千種顏色,而且壓縮率比GIF文件高。它們很適合照片方式的圖像。不過壓縮成JPEG文件時會損失一些照片的細節(jié)。
  第四:合適的尺寸當你使用圖形編輯器時,保證圖形尺寸(72dpi)與將要在網(wǎng)頁上顯示的相同。在HTML中,用<IMAGE>標記的WIDTH和HEIGHT屬性重述圖像的實際尺寸。這可以使瀏覽器在圖像下載時同時呈現(xiàn)頁面的其余部分-于是人們在等待圖像是有其它東西讀-并且保證在“關閉圖像”瀏覽時可以看到正確的頁面布局。
  如果在頁面中使用表格,圖像尺寸非常重要:因為沒有定義尺寸的圖像會迫使瀏覽器清除和重繪頁面。這種情況發(fā)生在當瀏覽器按照<TABLE>和<TD>來建造表格,然后卻發(fā)現(xiàn)表格單元中的圖像沒有尺寸參數(shù)卻太大而不能放在表格中時。瀏覽器只得重繪表格來容納如此笨拙的圖像。效率低下的頁面重繪浪費時間,而且用戶看到不斷消失和重繪的頁面時也會不高興。
  使用WIDTH和HEIGHT時,最重要的是不要用它們調(diào)整頁面圖形的大小或形狀。通過HTML調(diào)整大小是很差勁的,有兩個原因。如果你放大圖像,你會得到一幅有鋸齒的圖片。
  用HTML使圖像變小不是一直很壞,但在表現(xiàn)上很差。因為瀏覽器下載的數(shù)據(jù)比實際要顯示的圖像多,于是增加了下載時間。
  第五:緩存是你的朋友有一個使圖像下載更快的重要技術。那些在網(wǎng)站中重復出現(xiàn)的圖像-比如通用標志、頁首或?qū)Ш綏l-不必一遍一遍地下載。缺省地,Netscape和Internet Explorer在RAM或硬盤上設置緩存來存儲最近用到的圖像。如果瀏覽器認識是相同的文件名,它會讀緩存,而不是從網(wǎng)上下載。這種方法大大地提高了效率,以至于很多自動記時程序無法識別-你只好用跑表自己測測了。
  既然客戶端的緩存如此有用,在設計網(wǎng)頁時就應考慮到瀏覽器的緩存。例如,如果網(wǎng)站有大量相似的頁首圖形,應試圖把它進行分割,使其中不變的部分能從緩存中立刻讀出來。雖然在每頁還要調(diào)用一個新圖,因為這個圖很小,所以下載很快。

網(wǎng)站欄目:簡單分享網(wǎng)站建設中圖像的表現(xiàn)技巧
網(wǎng)站網(wǎng)址:http://www.rwnh.cn/news22/15722.html

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

廣告

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

手機網(wǎng)站建設
如皋市| 邹城市| 盈江县| 攀枝花市| 丽江市| 绥棱县| 丹棱县| 米林县| 桐柏县| 阜新市| 大连市| 五峰| 台中市| 新竹市| 广水市| 本溪| 林周县| 黑水县| 杭锦旗| 平乡县| 白银市| 富源县| 富源县| 乐至县| 商河县| 卓资县| 克东县| 贵州省| 馆陶县| 巴楚县| 渭南市| 东兴市| 定日县| 平阴县| 博客| 托克逊县| 安顺市| 美姑县| 连云港市| 肇州县| 顺义区|