圖像優化的三項原則
您是丟失的訪客到您的網站由於緩慢的頁裝貨時間嗎? 您的站點被處罰因為圖像在您的站點是太大的? 您能獲得您的訪客的注意在第一10-15 秒內, 他們是在您的站點?
所有這些問題可能由一個不正當地優化網頁造成。換句話說, 頁太慢慢地裝載並且您的訪客離開在您有一次機會鉤他們之前。
優選頁快的裝貨時間可能為3 個寬廣的類別被劃分: 被使用在頁頁、劇本, 和圖像的基本編碼。這些三, 是太大罐頭的圖像有最重大的衝擊在裝貨時間和有因此最巨大的潛力改善的頁裝載時間如果適當地優選。
簡要的底漆在圖像類型
有許多圖像格式在共同的使用在網站, 三最普遍是GIF, JPEG, 和較小程度一剎那內容。我們對GIF 和JPEG 圖像限制我們的討論, 以一個具體焦點在寂靜的圖像。
每個這些圖像格式有他們的力量和弱點。GIF 或圖表互換格式由CompuServe 開發了在網際網路景氣之前如同方式分享圖像在CompuServe 服務。由於局限以屏幕決議和顏色的深度當時, GIF 圖像對顯示被限制了256 種顏色, 更多顏色由慌亂, 唬弄仿效了眼睛的過程入看一種顏色由使用2 或更多套顏色小點太嚴密被間隔為眼睛分開地區別。
想像一杆棋枰以黑和白色正方形。當嚴密觀看我們能分明地看各自的正方形, 但如果我們退出足夠我們不再能辯明各自的正方形和我們改為將看一個大灰色正方形, 黑和白色正方形一起合併在我們的眼睛形成一單色。這是概念在慌亂之後。
JPEG 文件格式另一方面是可能容易地處理成千上萬顏色的一個更新的格式。最初的缺點對JPEG 圖像是, 他們包含許多顏色, 並且各種顏色要求一些編制程式為顯示, 使文件大小更大。
加速圖像裝貨時間
主要想法在使圖像裝載之後更加快速是使文件大小更小。這可能被完成用二種方式, 您能或者牌子圖像的維度更小, 或減少必需顯示圖像的相當數量編制程式。
最容易的方式減少圖像文件大小將減少圖像的實體尺寸。換句話說, 更小圖像, 更小文件大小。想像是正方形80 映像點由80 個映像點的一個圖像。映像點的數量包含在圖像是80x80 或6400 個各自的映像點。如果我們減少圖像大小由一個一半到40 個映像點由40 個映像點我們然後有40x40 或1600 個映像點。如此減少圖像大小在一半使文件大小降低到原物的四分之一。
這是我們的圖像文件尺寸減小的第一項原則: 使用將運作以您的佈局的最小的圖像維度。並且同樣少數圖像在頁, 少數圖像映像點, 因此更小頁面大小。
從GIF 和JPEG 圖像格式使用保存圖像資訊不同的方法, 他們傾向於是好在顯示一些類型圖像和壞在顯示其他人。
GIF 圖像, 因為他們對256 種顏色被限制每圖像, 是好在複顯圖像以顏色大堅實塊和圖像以非常小實體尺寸。GIF 格式將導致更小的文件大小比JPEG 為這些類型圖像。
JPEG 圖像是好在顯示梯度或微妙的變動從一種顏色到另一個。所以JPEGs 再生產相片很好, 或其他圖像以漸進性。JPEG 格式比GIF 格式將將導致更小的文件大小為這些類型圖像。
這是我們的圖像文件尺寸減小的第二項原則: 選擇正確圖像格式為您使用的圖像。多數網頁將包含GIF 和JPEG 圖像的組合。
減少編制程式叫做圖像壓縮。GIF 和JPEG 圖像可能是壓縮的但過程是不同的。在GIF 圖像我們設法限制顏色的數量, 在我們使用軟體算法取消冗餘資訊從文件的JPEG 圖像。
每當我們壓縮文件我們將丟失一些圖像質量。我們必須到達平衡在小文件大小和可接受的圖像質量之間。
這是我們的圖像文件尺寸減小的第三項原則: 發現圖像質量的最少可接受的水平。多數圖像可能處理一些壓縮以很少質量損失, 並且所有圖像可能站立更多圖像質量損失和仍然是可接受。您的工作將決定多少質量損失您能接受。換句話說, 更低質量, 更小文件大小。
GIF 圖像可能通常縮小從256 種顏色到128 種顏色或, 少數顏色使用了更小文件大小。JPEG 圖像可能幾乎總縮小到質量設置80
nd 像15-30?So 當可能頻繁地被減少下來到一樣少許您使用更高的壓縮水平(更小的數字) 文件大小將被減少。試驗以圖像, 嘗試越□越小設置直到您發現仍然顯示一個合格的質量的最小的設置。
最快速的裝貨頁不會有圖像並且最慢的裝貨頁用充分的決議圖像完全地將被填裝。如果您服務往控制您的圖像使用原則被概述在您之上將有迅速將裝載和將由查尋引擎有利地觀看的一個非常精瘦的網頁。
關於作者:
喬治・Peirson 是一位成功的企業家和網際網路教練員。他像Photoshop, 閃光和Dreamweaver 是30 個多媒體基於的錄影訓練標題的作者包括如此題目。看他的訓練集合參觀 www.howtogurus.com
文章來源: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
網管得到HTML代碼
加上這條到你的網站！
網站管理員提交你的文章
無須登記！填寫好的表格和你的文章是在 Messaggiamo.Com 目錄！
