簡單分享網(wǎng)站建設(shè)中圖像的表現(xiàn)技巧
2014-11-07 分類： 網(wǎng)站建設(shè)
網(wǎng)站建設(shè)中圖像的表現(xiàn)技巧：
第一：網(wǎng)頁訪問者往往沒有耐心。你的圖像可能很酷，但是如果她們對于快速下載來說太豐滿，很少有人會堅(jiān)持到最后以求一睹她們的尊容。幸運(yùn)的是，網(wǎng)頁設(shè)計(jì)者可以使用一些技巧和優(yōu)化來加速圖像和頁面的下載。
第二：不必要的就不要其實(shí)沒有什么特別的技巧。做其它事之前，從你的頁面中把所有多余的圖像去掉。這里“多余”不是指你們公司的標(biāo)志或你們辦公室的地圖。我們是指那個(gè)精明的、在“發(fā)郵件”旁邊的動畫信封。也許在你的頁面底部還放著隨處可見的NetscapeNavigator和Internet Explorer按鈕。說實(shí)話，有多少人沒聽說過這些產(chǎn)品呢？
在網(wǎng)站中減少一個(gè)瑣碎的10KB的圖形文件可能對整個(gè)網(wǎng)站改進(jìn)不大。但是如果你的整個(gè)頁面才40KB，減少10KB就可以減少25%的下載時(shí)間-減少一個(gè)跳舞嬰兒的按鈕還是合算的。
如果你的網(wǎng)頁確實(shí)需要削減，可以考慮用文本“提交”按鈕代替圖形“提交”按鈕。用靜態(tài)圖形代替動態(tài)GIF圖形可以減少下載時(shí)間。最后，一些神奇的“header”圖形可以用和標(biāo)記代替。
第三：GIF文件和JPEG文件除非你想得到ARCHIE或GOPHER一樣的火箭速度，你總會用到一些圖形。遵守一些創(chuàng)建圖像的規(guī)則，你的頁面下載的時(shí)間就會可行。
開始時(shí)，確定一個(gè)圖像用GIF格式還是JPEG格式。這看起來很基本，但是還有一大部分網(wǎng)頁犯這樣的錯(cuò)誤。
GIF用在看起來干脆整潔的小圖形上是很好的，但是不會超過256色。GIF也可存為“透明色”-允許圖形有不規(guī)則的邊界。簡單的公司標(biāo)志、小按鈕和導(dǎo)航條是應(yīng)用GIF圖形格式的很好的例子。不象JPEG，GIF是一種無損失的壓縮格式，所以你的圖形不會變得模糊不清。如果你在掃描有詳細(xì)細(xì)節(jié)的地圖，應(yīng)該選擇GIF格式。不過，如果圖片很大，GIF文件會很大，下載時(shí)間也會很長。
你不能從根本上壓縮GIF文件，但是可以減少位深，即限制顏色數(shù)。給定位深的顏色數(shù)等于2的位深次冪（即，8位=256色）。顏色數(shù)越少，圖像的字節(jié)數(shù)越少。假設(shè)你正在建一個(gè)可口可樂的網(wǎng)站，可以把很多標(biāo)志的位深減少到3或4位（紅、白，或許還需要這兩種顏色的陰影色來使邊界光滑）。可以用Debabelizer軟件改變位深。
JPEG文件可以顯示幾千種顏色，而且壓縮率比GIF文件高。它們很適合照片方式的圖像。不過壓縮成JPEG文件時(shí)會損失一些照片的細(xì)節(jié)。
第四：合適的尺寸當(dāng)你使用圖形編輯器時(shí)，保證圖形尺寸（72dpi）與將要在網(wǎng)頁上顯示的相同。在HTML中，用
如果在頁面中使用表格，圖像尺寸非常重要：因?yàn)闆]有定義尺寸的圖像會迫使瀏覽器清除和重繪頁面。這種情況發(fā)生在當(dāng)瀏覽器按照
