• <em id="m4p7l"><acronym id="m4p7l"></acronym></em>
  • <rp id="m4p7l"><acronym id="m4p7l"><input id="m4p7l"></input></acronym></rp>
  • <tbody id="m4p7l"><noscript id="m4p7l"></noscript></tbody>
  • <tbody id="m4p7l"></tbody>
    <th id="m4p7l"><track id="m4p7l"><video id="m4p7l"></video></track></th>
    <dd id="m4p7l"></dd>
    1. 福州印秀網絡地圖

      福州印秀網絡技術服務有限公司

      總部地址:福州市倉山區中洲島商貿中心2號412室
      分部地址:福州市臺江區華興廣場1區5座3樓(達道一號)
      公司電話:0591-8348 9135
      服務熱線:400-800-9135
      咨詢電話①:189 6508 9135 (張先生)
      咨詢電話②:134 0599 8886 (何小姐)
      公司網站:www.active-safety-conference.com www.pk0591.cn
      QQ 咨詢: 建站咨詢 建站咨詢

      福州印秀網絡logo 福州印秀網絡微信二維碼

      在線客服

      電話①:189 6508 9135(張先生)
      電話②:134 0599 8886(何小姐)
      電話③:0591-83489135

      建站知識


      網頁設計基礎-web圖片輸出優化


      我們都知道,對于一個網站而言,網頁的下載速度是至關重要的。它不僅直接影響到用戶的瀏覽體驗、還關系到網頁在搜索引擎中的排名參數。因此,優化網頁、使之能快速下載是頁面制作中很重要的考慮因素。網頁優化涉及方方面面,圖片優化則是其中重要手段之一。下面,本著把圖片大小節省到字節的精神,我們就來探討一下web圖片的優化,歡迎大家補充、指正。

      圖片優化基本原則:

      一、圖片裁切

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

      二、圖片輸出

      1. 使用photoshop的“存儲為web所用格式”功能來輸出照片,

      測試表明:輸出某張圖片為jpg格式,分別使用“存儲為web所用格式”和一般的“存儲為”,都壓縮到50%,前者得到的圖片結果為14.4kb,后者為47.1kb。

      2. 在使用上述功能進行圖片輸出的過程中,對比jpg、gif格式下的文件大小,選擇效果和大小較優的文件格式。

      一般情況下,色彩少的圖片使用png-8、gif格式文件會小些,色彩漸變豐富的圖片,則使用jpg會小些。

      3. Jpg格式的圖片,需綜合對比壓縮品質高、中、低下的效果,盡量選擇效果好且壓縮品質較低的選項,以達到獲取較小文件的目的。

      4. 對于無多通道透明需求的圖片,避免使用png24位格式輸出。

      Gif圖片如何優化?

      有些圖片,色彩并不是很豐富,通過對比可知輸出gif會更小些;或者,因為要用在多種背景中使用,需要輸出為透明格式(非多通道),這時,就需要選用gif格式。我們都知道Jpg格式可以通過控制壓縮比來優化,相對于JPG,gif優化是比較容易被忽視的??吹缴磉呌行┡笥言谳敵鰃if時基本不作什么優化選擇,覺得很可惜。其實,即使確定要輸出gif格式,通常也仍有繼續瘦身的余地。

      我們可以做個實驗。

      請看看下面四個圖片,大家在肉眼、原大的情況下能看出區別來嗎?

      (聲明,此實驗圖標取自網絡,作者未知,感謝!)


      呵呵~~相信如果不放大到像素級來一個個點的對比看,是很難辨認出有何不同的。

      其實,這幾張圖片有著不同的色階。請看下面在Photoshop中輸出時的相關參數,注意文字中紅色線標注的內容。

      樣圖解讀:

      圖1為要輸出的原圖效果;

      圖2為64色輸出的效果,輸出后文件大小為601字節;

      圖3為128色輸出的效果,輸出后文件大小為853字節;

      圖4為256色輸出的效果,輸出后文件大小為1.286K。

      由此可見,上述四張圖中,在肉眼可辨識情況下,64色的圖片對比256色圖片,輸出后可以少掉一半還多的字節數,且效果完全能滿足視覺要求。不要小看這幾百個字節,試想網站里幾百張圖片,如果每張圖都節省一些,最終可以節省多少空間出來?

      這是PS的輸出模式中提供的gif色彩選項。

      根據這些選項,我們再看看更多的Gif格式下多色階的效果和文件大小對比。

      經對比可知,其實對于此圖片而言,用32色來輸出也是可以接受的。

      Gif優化小結:對于gif而言,色彩越少,文件也就越小。在肉眼可可接受的范圍內,盡量將gif色彩數量降低,能夠對gif圖大小進行有效的優化。道理其實很簡單,關鍵就在于我們實際輸出過程中要細心、耐心。


      相關文章

      首頁  電話  咨詢  頂部
      亚洲欧洲日韩国产一区二区三区_国产精品夜间视频_中文字字幕在线字幕乱码_久久久久无码精品国产古代

    2. <em id="m4p7l"><acronym id="m4p7l"></acronym></em>
    3. <rp id="m4p7l"><acronym id="m4p7l"><input id="m4p7l"></input></acronym></rp>
    4. <tbody id="m4p7l"><noscript id="m4p7l"></noscript></tbody>
    5. <tbody id="m4p7l"></tbody>
      <th id="m4p7l"><track id="m4p7l"><video id="m4p7l"></video></track></th>
      <dd id="m4p7l"></dd>