<form id="933nb"><th id="933nb"><track id="933nb"></track></th></form><noframes id="933nb"><form id="933nb"><th id="933nb"></th></form>

      <address id="933nb"><address id="933nb"></address></address><sub id="933nb"></sub>
      <address id="933nb"><listing id="933nb"><meter id="933nb"></meter></listing></address>
      <form id="933nb"></form><address id="933nb"><listing id="933nb"><meter id="933nb"></meter></listing></address><form id="933nb"><nobr id="933nb"><progress id="933nb"></progress></nobr></form>

      <address id="933nb"><address id="933nb"><nobr id="933nb"></nobr></address></address>
      <noframes id="933nb"><address id="933nb"></address>

        <address id="933nb"></address>
        <form id="933nb"></form>
        <form id="933nb"><th id="933nb"></th></form>

        當前位置:主頁 > 網頁教程 > 網頁制作 > 制作技巧 > 內容歡迎大家投稿

        網頁圖片壓縮優化,提高網站打開速度

        時間:2011-04-27 20:30來源:未知 作者:大寶庫 點擊:讀取中
        閱讀工具:字體:
        最大程度的壓縮了網頁大小,提高訪問者的用戶體驗。對于一個網站而言,頁面的開啟速度是至關重要的。它不僅直接影響到該網站在搜索引擎中的排名參數,更為重要的是,會減緩訪客的頁面開啟速度。

        圖片優化基本原則:

        一、圖片裁切
        切圖時盡量貼合圖形區,避免空白區域占用文件大小。

        二、圖片縮放
        通常情況下,數碼相機拍出的照片分辨率是用于沖洗照片所用的,在網上瀏覽不需要上傳那么大的照片,既影響圖片上傳速度,又浪費下載觀眾的帶寬,解決方法是上傳圖片前,用圖片編輯軟件(photoshop 或者 光影魔術手)壓一下,500像素左右就可以了。

        三、圖片輸出
        1. 使用photoshop的“存儲為web所用格式”功能來輸出圖片。測試表明:輸出某張圖片為jpg格式,分別使用“存儲為web所用格式”和一般的“存儲為”,都壓縮到50%,前者得到的圖片結果為14.4kb,后者為47.1kb。
        2. 在使用上述功能進行圖片輸出的過程中,對比jpg、gif格式下的文件大小,選擇效果和大小較優的文件格式。一般情況下,色彩少的圖片使用png-8、gif格式文件會小些,色彩漸變豐富的圖片,則使用jpg會小些。
        3. Jpg格式的圖片,需綜合對比壓縮品質高、中、低下的效果,盡量選擇效果好且壓縮品質較低的選項,以達到獲取較小文件的目的。
        4. 對于無多通道透明需求的圖片,避免使用png24位格式輸出。
        5. 有些圖片,色彩并不是很豐富,通過對比可知輸出gif會更小些;或者,因為要用在多種背景中使用,需要輸出為透明格式(非多通道),這時,就需要選用gif 格式。我們都知道Jpg格式可以通過控制壓縮比來優化,相對于JPG,gif優化是比較容易被忽視的?吹缴磉呌行┡笥言谳敵鰃if時基本不作什么優化選擇,覺得很可惜。其實,即使確定要輸出gif格式,通常也仍有繼續瘦身的余地。

        所以對于jpg而言,選擇一個能看清楚的最大的壓縮率;
        對于gif而言,色彩越少,文件也就越小。在肉眼可接受的范圍內,盡量將gif色彩數量降低。


         

        (責任編輯:大寶庫)


        ------分隔線----------------------------
        推薦內容
        贊助商鏈接
        贊助商鏈接


        彩37