<ul id="g60s4"><pre id="g60s4"></pre></ul>
<strong id="g60s4"><nav id="g60s4"></nav></strong>
<ul id="g60s4"></ul>
  • <tr id="g60s4"></tr>
  • 
    
  • 或者

    關(guān)于網(wǎng)站優(yōu)化的15個(gè)圖片優(yōu)化原則

    作者:四色花 瀏覽:166 發(fā)布時(shí)間:2017-10-12
    分享 評(píng)論 0

        1)在網(wǎng)站設(shè)計(jì)之初,就先要做好規(guī)劃,比如背景圖片如何使用等等,做到心中有數(shù)。


        2)編輯圖片的時(shí)候,要做好裁剪,之展示必要的,重要的,同內(nèi)容相關(guān)的部分。


        3)在輸出圖片的時(shí)候,圖片大小要設(shè)置妥當(dāng),長(zhǎng)寬像素就設(shè)成你所需要的大小,而不要輸出大圖片,然后使用的時(shí)候,在指定較小的長(zhǎng)寬,縮放圖片。


        4)盡量組合裝飾性的圖片,以節(jié)省http請(qǐng)求數(shù),在具體使用時(shí),采用CSS sprite的方式。


        5)頁(yè)面上的邊框,背景,盡可能的使用CSS的方式來(lái)展示,而不要用圖片。


        6)圖片使用上,能用png格式的盡量用,以替代過(guò)去常用的gif和jpeg格式。在保證質(zhì)量的情況下,用最小的文件。


        7)在html中明確指定圖片的大小。


        8)若使用photoshop的話,縮放圖片通常會(huì)讓圖像模糊,可以用smart sharpen來(lái)讓圖片更為出色。


        9)對(duì)于Gif和PNG文件格式,最小化顏色位數(shù)。


        10)對(duì)于Gif和PNG文件,最小化dithering,可使文件更小。


        11)如果圖片上要添加文字,可能的話,就不要把文字嵌入到圖片中,而是采用透明背景圖片,或者CSS定位讓文字覆蓋在圖片上,既能獲得相等的效果,還能把圖片更大程度的壓縮。


        12)在較小的Gif和PNG圖片上,可以使用有損壓縮。


        13)可能的話,使用局部壓縮,保證前景清楚的基礎(chǔ)上,較大程度的壓縮背景。


        14)圖片在優(yōu)化之前,若能降噪的話,可以獲得額外的20%多的壓縮。


        15)jpg圖片也可以模糊背景,然后壓縮的時(shí)候,可以壓縮的更多。


    国产精品三级国语在线看| 99在线精品视频在线观看| 久久精品国产亚洲Aⅴ蜜臀色欲| 日韩电影在线播放| 国产精品无码MV在线观看| 人妻少妇精品无码专区动漫| 精品无人区一区二区三区在线| 亚洲国产精品一区| 亚洲AV永久无码精品水牛影视| 国产成人亚洲精品狼色在线| 四虎精品影库4HUTV四虎| 日韩成人精品日本亚洲| 日韩在线不卡免费视频一区| 四虎国产精品免费视| 国产在线精品二区韩国演艺界| 日日夜夜精品免费视频| 国精品产区WNW2544| 人妻熟妇乱又伦精品HD| 人妻精品久久无码区洗澡| 精品人人妻人人澡人人爽牛牛 | 97久久精品无码一区二区| 久久精品国产亚洲av麻豆蜜芽| 99热这里有免费国产精品| 日产精品久久久一区二区| 亚洲色图国产精品| 日韩精品无码中文字幕一区二区| 久9re热这里精品首页| 久久国产精品61947| 久久这里只精品99re免费| 久久精品国产福利电影网| 日韩精品系列产品| 91精品国产乱码在线观看| 亚洲国产精品成人综合久久久 | 亚洲国产精品久久丫| 精品人妻一区二区三区浪潮在线 | 精品一区高潮喷吹在线播放| 精品国产精品国产偷麻豆| 国产精品嫩草视频永久网址| 国产精品国产福利国产秒拍| 日韩精品一卡2卡3卡4卡新区乱码| 中文国产成人精品久久不卡|