圖像在網站建設中表現技巧
2018-08-12 分類： 網站建設
圖像在網站建設中表現技巧
第一：網頁訪問者往往沒有耐心。你的圖像可能很酷，但是如果她們對于快速下載來說太豐滿，很少有人會堅持到最后以求一睹她們的尊容。幸運的是，網頁設計者可以使用一些技巧和優(yōu)化來加速圖像和頁面的下載。
第二：不必要的就不要其實沒有什么特別的技巧。做其它事之前，從你的頁面中把所有多余的圖像去掉。這里“多余”不是指你們公司的標志或你們辦公室的地圖。我們是指那個精明的、在“發(fā)郵件”旁邊的動畫信封。也許在你的頁面底部還放著隨處可見的NetscapeNavigator和Internet Explorer按鈕。說實話，有多少人沒聽說過這些產品呢？
在網站中減少一個瑣碎的10KB的圖形文件可能對整個網站改進不大。但是如果你的整個頁面才40KB，減少10KB就可以減少25%的下載時間-減少一個跳舞嬰兒的按鈕還是合算的。
如果你的網頁確實需要削減，可以考慮用文本“提交”按鈕代替圖形“提交”按鈕。用靜態(tài)圖形代替動態(tài)GIF圖形可以減少下載時間。最后，一些神奇的“header”圖形可以用和標記代替。
第三：GIF文件和JPEG文件除非你想得到ARCHIE或GOPHER一樣的火箭速度，你總會用到一些圖形。遵守一些創(chuàng)建圖像的規(guī)則，你的頁面下載的時間就會可行。
開始時，確定一個圖像用GIF格式還是JPEG格式。這看起來很基本，但是還有一大部分網頁犯這樣的錯誤。
GIF用在看起來干脆整潔的小圖形上是很好的，但是不會超過256色。GIF也可存為“透明色”-允許圖形有不規(guī)則的邊界。簡單的公司標志、小按鈕和導航條是應用GIF圖形格式的很好的例子。不象JPEG，GIF是一種無損失的壓縮格式，所以你的圖形不會變得模糊不清。如果你在掃描有詳細細節(jié)的地圖，應該選擇GIF格式。不過，如果圖片很大，GIF文件會很大，下載時間也會很長。
你不能從根本上壓縮GIF文件，但是可以減少位深，即限制顏色數。給定位深的顏色數等于2的位深次冪（即，8位=256色）。顏色數越少，圖像的字節(jié)數越少。假設你正在建一個可口可樂的網站，可以把很多標志的位深減少到3或4位（紅、白，或許還需要這兩種顏色的陰影色來使邊界光滑）?？梢杂肈ebabelizer軟件改變位深。
JPEG文件可以顯示幾千種顏色，而且壓縮率比GIF文件高。它們很適合照片方式的圖像。不過壓縮成JPEG文件時會損失一些照片的細節(jié)。
第四：合適的尺寸當你使用圖形編輯器時，保證圖形尺寸（72dpi）與將要在網頁上顯示的相同。在HTML中，用
如果在頁面中使用表格，圖像尺寸非常重要：因為沒有定義尺寸的圖像會迫使瀏覽器清除和重繪頁面。這種情況發(fā)生在當瀏覽器按照
| 來建造表格，然后卻發(fā)現表格單元中的圖像沒有尺寸參數卻太大而不能放在表格中時。瀏覽器只得重繪表格來容納如此笨拙的圖像。效率低下的頁面重繪浪費時間，而且用戶看到不斷消失和重繪的頁面時也會不高興。 使用WIDTH和HEIGHT時，最重要的是不要用它們調整頁面圖形的大小或形狀。通過HTML調整大小是很差勁的，有兩個原因。如果你放大圖像，你會得到一幅有鋸齒的圖片。 用HTML使圖像變小不是一直很壞，但在表現上很差。因為瀏覽器下載的數據比實際要顯示的圖像多，于是增加了下載時間。 第五：緩存是你的朋友有一個使圖像下載更快的重要技術。那些在網站中重復出現的圖像-比如通用標志、頁首或導航條-不必一遍一遍地下載。缺省地，Netscape和Internet Explorer在RAM或硬盤上設置緩存來存儲最近用到的圖像。如果瀏覽器認識是相同的文件名，它會讀緩存，而不是從網上下載。這種方法大大地提高了效率，以至于很多自動記時程序無法識別-你只好用跑表自己測測了。 既然客戶端的緩存如此有用，在設計網頁時就應考慮到瀏覽器的緩存。例如，如果網站有大量相似的頁首圖形，應試圖把它進行分割，使其中不變的部分能從緩存中立刻讀出來。雖然在每頁還要調用一個新圖，因為這個圖很小，所以下載很快。 最后，把你的圖像放在一個地方，最好在你的服務器上。這可以減少DNS查找的時間。另外，如果你要存儲圖像的一個或幾個服務器崩潰，將是一件很不幸的事。 選擇北京網站建設公司-創(chuàng)新互聯(lián)，優(yōu)質服務，絕對不容錯過 ！ 1. 優(yōu)秀的網絡資源，穩(wěn)定的網站和速度保證 （配送雙線獨立ip空間，國際A級BGP機房，99.5% 的主機在線時間） 2. 7年北京網站建設經驗，優(yōu)秀的技術和設計水平，更放心 3. 全程省心服務，不必擔心自己不懂網絡，更省心。 ----------------------------------------------------------------------------------------------------- 我們的與眾不同之處： 免費網絡營銷顧問：我們?yōu)槟峁┟赓M的網絡營銷顧問服務，您需要了解關于如何開展網絡營銷，電子商務，成都網站設計公司" target="_blank">網站設計等的事宜，歡迎隨時聯(lián)系我們。 seo友好的網站管理系統(tǒng)：除了優(yōu)質的網站空間，網站管理系統(tǒng)，和網站設計外，我們的網站管理系統(tǒng)更是seo友好的，包括：自定義欄目名，Google Sitemap自動生成，靜態(tài)頁面生成等等，讓您的網站。 免費網絡營銷培訓：如何更好的投放網絡廣告，如何提高網絡廣告的投資回報，如何發(fā)帖子， 網站建設服務電話：028-86922220 400-028-6601 王先生
分享題目：圖像在網站建設中表現技巧
網站建設、網絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等 聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián) 猜你還喜歡下面的內容
|