圖像在網(wǎng)站建設(shè)中表現(xiàn)技巧
???? 第一:網(wǎng)頁訪問者往往沒有耐心。你的圖像可能很酷,但是如果她們對于快速下載來說太豐滿,很少有人會堅持到最后以求一睹她們的尊容。幸運的是,網(wǎng)頁設(shè)計者可以使用一些技巧和優(yōu)化來加速圖像和頁面的下載。
第二:不必要的就不要其實沒有什么特別的技巧。做其它事之前,從你的頁面中把所有多余的圖像去掉。這里“多余”不是指你們公司的標(biāo)志或你們辦公室的地圖。我們是指那個精明的、在“發(fā)郵件”旁邊的動畫信封。也許在你的頁面底部還放著隨處可見的NetscapeNavigator和Internet Explorer按鈕。說實話,有多少人沒聽說過這些產(chǎn)品呢?
在網(wǎng)站中減少一個瑣碎的10KB的圖形文件可能對整個網(wǎng)站改進(jìn)不大。但是如果你的整個頁面才40KB,減少10KB就可以減少25%的下載時間-減少一個跳舞嬰兒的按鈕還是合算的。
如果你的網(wǎng)頁確實需要削減,可以考慮用文本“提交”按鈕代替圖形“提交”按鈕。用靜態(tài)圖形代替動態(tài)GIF圖形可以減少下載時間。最后,一些神奇的“header”圖形可以用和標(biāo)記代替。
第三:GIF文件和JPEG文件除非你想得到ARCHIE或GOPHER一樣的火箭速度,你總會用到一些圖形。遵守一些創(chuàng)建圖像的規(guī)則,你的頁面下載的時間就會可行。
開始時,確定一個圖像用GIF格式還是JPEG格式。這看起來很基本,但是還有一大部分網(wǎng)頁犯這樣的錯誤。
GIF用在看起來干脆整潔的小圖形上是很完美的,但是不會超過256色。GIF也可存為“透明色”-允許圖形有不規(guī)則的邊界。簡單的公司標(biāo)志、小按鈕和導(dǎo)航條是應(yīng)用GIF圖形格式的很好的例子。不象JPEG,GIF是一種無損失的壓縮格式,所以你的圖形不會變得模糊不清。如果你在掃描有詳細(xì)細(xì)節(jié)的地圖,應(yīng)該選擇GIF格式。不過,如果圖片很大,GIF文件會很大,下載時間也會很長。
你不能從根本上壓縮GIF文件,但是可以減少位深,即限制顏色數(shù)。給定位深的顏色數(shù)等于2的位深次冪(即,8位=256色)。顏色數(shù)越少,圖像的字節(jié)數(shù)越少。假設(shè)你正在建一個可口可樂的網(wǎng)站,可以把很多標(biāo)志的位深減少到3或4位(紅、白,或許還需要這兩種顏色的陰影色來使邊界光滑)??梢杂肈ebabelizer軟件改變位深。
JPEG文件可以顯示幾千種顏色,而且壓縮率比GIF文件高。它們很適合照片方式的圖像。不過壓縮成JPEG文件時會損失一些照片的細(xì)節(jié)。
第四:合適的尺寸當(dāng)你使用圖形編輯器時,保證圖形尺寸(72dpi)與將要在網(wǎng)頁上顯示的相同。在HTML中,用標(biāo)記的WIDTH和HEIGHT屬性重述圖像的實際尺寸。這可以使瀏覽器在圖像下載時同時呈現(xiàn)頁面的其余部分-于是人們在等待圖像是有其它東西讀-并且保證在“關(guān)閉圖像”瀏覽時可以看到正確的頁面布局。
如果在頁面中使用表格,圖像尺寸非常重要:因為沒有定義尺寸的圖像會迫使瀏覽器清除和重繪頁面。這種情況發(fā)生在當(dāng)瀏覽器按照和來建造表格,然后卻發(fā)現(xiàn)表格單元中的圖像沒有尺寸參數(shù)卻太大而不能放在表格中時。瀏覽器只得重繪表格來容納如此笨拙的圖像。效率低下的頁面重繪浪費時間,而且用戶看到不斷消失和重繪的頁面時也會不高興。
使用WIDTH和HEIGHT時,最重要的是不要用它們調(diào)整頁面圖形的大小或形狀。通過HTML調(diào)整大小是很差勁的,有兩個原因。如果你放大圖像,你會得到一幅有鋸齒的圖片。
用HTML使圖像變小不是一直很壞,但在表現(xiàn)上很差。因為瀏覽器下載的數(shù)據(jù)比實際要顯示的圖像多,于是增加了下載時間。
第五:緩存是你的朋友有一個使圖像下載更快的重要技術(shù)。那些在網(wǎng)站中重復(fù)出現(xiàn)的圖像-比如通用標(biāo)志、頁首或?qū)Ш綏l-不必一遍一遍地下載。缺省地,Netscape和Internet Explorer在RAM或硬盤上設(shè)置緩存來存儲最近用到的圖像。如果瀏覽器認(rèn)識是相同的文件名,它會讀緩存,而不是從網(wǎng)上下載。這種方法大大地提高了效率,以至于很多自動記時程序無法識別-你只好用跑表自己測測了。
既然客戶端的緩存如此有用,在設(shè)計網(wǎng)頁時就應(yīng)考慮到瀏覽器的緩存。例如,如果網(wǎng)站有大量相似的頁首圖形,應(yīng)試圖把它進(jìn)行分割,使其中不變的部分能從緩存中立刻讀出來。雖然在每頁還要調(diào)用一個新圖,因為這個圖很小,所以下載很快。
最后,把你的圖像放在一個地方,最好在你的服務(wù)器上。這可以減少DNS查找的時間。另外,如果你要存儲圖像的一個或幾個服務(wù)器崩潰,將是一件很不幸的事。
1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證
?(配送雙線獨立ip空間,國際A級BGP機(jī)房,99.5% 的主機(jī)在線時間)
2. 7年北京網(wǎng)站建設(shè)經(jīng)驗,優(yōu)秀的技術(shù)和設(shè)計水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
-----------------------------------------------------------------------------------------------------
?
我們的與眾不同之處:
????? 免費網(wǎng)絡(luò)營銷顧問:我們?yōu)槟峁┟赓M的網(wǎng)絡(luò)營銷顧問服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷,電子商務(wù),網(wǎng)站設(shè)計等的事宜,歡迎隨時聯(lián)系我們。
???? ?seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動生成,靜態(tài)頁面生成等等,讓您的網(wǎng)站。
???? ?免費網(wǎng)絡(luò)營銷培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報,如何發(fā)帖子,
???? ?如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗開放給您!祝君成功!
聯(lián)系我們:010-62199213?? 62122723-808?? 賈先生
傳誠信北京網(wǎng)站建設(shè)網(wǎng)站:www.jzztb.org.cn?點擊查看經(jīng)典網(wǎng)站案例!
北京網(wǎng)站建設(shè)2010年網(wǎng)站建設(shè)套餐及優(yōu)惠!
?
-
圖像在網(wǎng)站建設(shè)中表現(xiàn)技巧 第一:網(wǎng)頁訪問者往往沒有耐心。你的圖像可能很酷,但是如果她們對于快速下載來說太豐滿,很少有人會堅持到最后以......
-
網(wǎng)站設(shè)計過程中應(yīng)該注意的優(yōu)化細(xì)節(jié)分析 一個好的網(wǎng)站設(shè)計人員不應(yīng)該光會設(shè)計漂亮的頁面,而更應(yīng)該在設(shè)計漂亮頁面的同時注意融入網(wǎng)站優(yōu)化的......
-
網(wǎng)站的更新是一個建設(shè)網(wǎng)站時必不可少的一項工作,也是一項十分繁重的工作,通常需要多人來共同完成。對于網(wǎng)站的更新也有專用的工具軟件,如網(wǎng)頁編輯軟......
-
網(wǎng)站開發(fā)建議書,有哪些詳細(xì)!“網(wǎng)站開發(fā)建議書”格式如下:客戶需求分析網(wǎng)站開發(fā)使用軟件環(huán)境、硬件環(huán)境情況網(wǎng)站美術(shù)設(shè)計說明網(wǎng)站的交互性和用戶友好......
-
網(wǎng)站制作的特色設(shè)計需要哪些技巧? 特色鮮明 企業(yè)網(wǎng)站的用色必須要有自己獨特的風(fēng)格,這樣才能顯得個性鮮明,給瀏覽者留下深刻的印象。根據(jù)企業(yè)的送......
-
現(xiàn)在是我們再次為我們的網(wǎng)絡(luò)開發(fā)人員及網(wǎng)站建設(shè)的從業(yè)者,分享新資源的時候了。我們在這一輪中的集合涉及多種編程語言的多種工具。但主要是,我們有幾......
-
做網(wǎng)站的目的是什么網(wǎng)站是一個24小時全年無休的曝光媒體,大部分制作網(wǎng)站的目的是讓別人更了解自己,不管是個人的曝光或是公司產(chǎn)品或是形象的曝光,......
-
首先網(wǎng)站建設(shè)是一門結(jié)合許多專業(yè)領(lǐng)域而產(chǎn)生的行業(yè),一個純靜態(tài)HTML 頁面的網(wǎng)站,最基本要有一位專業(yè)的網(wǎng)站視覺設(shè)計師,除了要有創(chuàng)意、有設(shè)計美感......
-
與東和集團(tuán)簽署網(wǎng)站建設(shè)項目 重慶東和實業(yè)(集團(tuán))有限公司,創(chuàng)建于1994年,是一家立足于重慶,發(fā)展于全國,用細(xì)節(jié)和品質(zhì)精心打造房......
-
相信很多個人站長和我是同道半路出家,所以沒技術(shù)自己寫代碼做站,只有用別人的吧。想做什么站的時候就要開始選源碼了。我看過的源碼程序很多,試用過......
-
通信專家的“創(chuàng)新擴(kuò)散”理論和農(nóng)村社會學(xué)家埃弗雷特羅杰斯試圖識別和解釋的因素導(dǎo)致人們和組采用創(chuàng)新(新創(chuàng)意和新技術(shù))。 設(shè)計團(tuán)隊占可用性和人們?nèi)?.....
您需要我們?yōu)槟峁┚W(wǎng)站建設(shè)一站式服務(wù)嗎?
請留下您的建站需求及聯(lián)系方式,我們將在24小時內(nèi)與您取得聯(lián)系。
或致電:010-62199213 13910505354
-
-
建站咨詢電話
010-62199213
-
24小時業(yè)務(wù)經(jīng)理
13466711411(徐女士) / 13910505354(賈先生)
-
-
-
|