您正在失去的慢速網頁載入時間由於 web 網站訪問者嗎？是您的網站受罰因為您網站上的圖像太大嗎？您是否能在第一次的 10-15 秒鐘，他們在您的網站中捕獲您訪問者的注意呢？
所有這些問題可能導致的不當優化的 web 頁。換句話說，頁面載入速度太慢，你訪客離開之前你有機會來吸引他們。
優化頁面，用於快速載入時間可以分為 3 大類： 基本編碼的頁面，腳本使用的頁面和圖像。這三，太大的圖像可以在載入時間上有最明顯的衝擊，因此改進頁面載入時間，如果適當地優化最大的潛力。
簡短的初級讀本上的圖像類型
有許多圖像格式的共同使用的三個最受歡迎的 GIF、 JPEG，網站上和在較小程度上 Flash 內容。我們將會限制我們到 GIF 和 JPEG 圖像、 靜止圖像的特定重點的討論。
這些圖像格式各有其長處和短處。GIF 或圖形交換格式是由開發 CompuServe 在互聯網繁榮之前作為一種方式來共用的 CompuServe 服務上的圖像。由於使用的螢幕解析度和色彩深度在時間的限制，GIF 圖像被限制為顯示最多 256 種顏色，更多的顏色被模仿的抖動，看到一種顏色，通過使用 2 到欺騙眼球的一個過程或更多集的顏色點間距太密切的眼睛來區分分別為。
想像一下，一個黑色和白色方塊的棋盤。密切進行查看時，我們可以明顯看到各個方塊，但如果我們退還遠遠不夠我們將不再能夠辨別各個方塊，相反，我們將會看到一個大的灰色正方形，合併到一起，形成一種固體顏色我們眼中的黑色和白色正方形。這是抖動背後的概念。
另一方面，JPEG 檔案格式是一種較新的格式，可以輕鬆地處理數以百萬計的顏色。JPEG 圖像的初始缺點是它們包含很多更多的顏色，每種顏色需要一些編碼顯示，使檔案大小更大。
加快圖像載入時間
使圖像載入速度更快的主要理念是使檔案大小變小。這可以通過兩種方式來實現，可以使圖像的尺寸較小，或者減少的編碼所需顯示的圖像。
減小圖片檔案大小的最簡單方法是減少圖像的物理尺寸。換言之，規模較小的圖像，規模較小的檔案大小。想像一下，一個是廣場 80 x 80 圖元的圖像。包含圖像中的圖元數是 80 x 80 或 6400 的單個圖元。如果我們降低圖像大小的一半到 40 x 40 圖元然後我們 40 × 40 或 1600年圖元為單位）。因此減少一半的圖像大小減小檔案大小到原來的四分之一。
這是我們第一次原則的影像檔的大小減少：使用最小的圖像尺寸，將使用您的佈局。同樣少上和圖像頁、 較少的圖像圖元，因此較小的頁面大小。
由於 GIF 和 JPEG 圖像格式使用不同的方法保存圖像資訊，他們往往會更好地顯示某些類型的圖像和展示別人變得更糟。
GIF 圖像，因為它們是局限于每個圖像，256 色是更好地顯示帶有大實心塊顏色的圖像和很小的物理尺寸。GIF 格式會產生較小的檔案大小比 JPEG 的這些類型的圖像。
JPEG 圖像是更好地顯示漸變或從一種顏色到另一種微妙的變化。因此 Jpeg 重現照片很好或任何其它圖像的漸變。JPEG 格式會產生較小的檔案大小為這些類型的圖像比 GIF 格式會。
這是我們第二個原則的影像檔的大小減少：請選擇您正在使用的圖像的正確的圖像格式。大多數網頁將包含 GIF 和 JPEG 圖像的組合。
減少編碼被稱為圖像壓縮。GIF 和 JPEG 圖像可以被壓縮，但這個過程是不同。我們嘗試限制的顏色數量的 GIF 圖像，在 JPEG 圖像中我們使用軟體演算法來從檔中刪除的冗余資訊。
每當我們壓縮的檔時，我們會失去一些圖像品質。我們要達到一個較小的檔案大小和可接受的圖像品質之間的平衡。
這是我們第三個原則的影像檔的大小減少：找到至少可接受水準的圖像品質。大多數圖像能處理某些壓縮品質損失很小，並且所有圖像可以站更多圖像品質損失，仍是可以接受。你的工作是確定您可以接受多少品質損失。換句話說，低品質、 規模較小的檔案大小。
GIF 圖像，通常可以減少從 256 種顏色為 128 色或更少，較少的顏色用小的檔案大小。JPEG 圖像幾乎總是可以降到 80%的品質設置，並經常可以減小到只要 15-30%。因此，當您使用較高的壓縮層級 （小號碼） 將減少檔案大小。實驗與圖像，請嘗試規模較小和較小的設置，直到你找到的最小的設置，仍顯示可接受的品質。
速度最快的載入頁將有沒有圖像，最慢的載入頁將完全填滿全解析度的圖像。如果你努力控制您的圖像使用你上面所概述的原則會有一個非常稀薄的 web 頁，將載入速度快、 搜尋引擎青睞。
No comments:
Post a Comment