<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),長寬像素就設(shè)成你所需要的大小,而不要輸出大圖片,然后使用的時(shí)候,在指定較小的長寬,縮放圖片。


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


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


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


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


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


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


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


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


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


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


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


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


    久久精品视频免费看| 网曝门精品国产事件在线观看| 窝窝午夜色视频国产精品东北| 黄大色黄美女精品大毛片| 国产一区二区精品久久岳√| 尤物国午夜精品福利网站| 国产精品91视频| 99久久免费精品高清特色大片| 久久精品电影免费动漫| 国产亚洲欧洲精品| 中文字幕精品一区| 成人伊人精品色XXXX视频| 国产精品成人小电影在线观看| 精品91一区二区三区| 2020无码专区人妻系列日韩 | 国产成人精品一区在线| 日韩人妻潮喷中文在线视频| 中文字幕日韩有码| 亚洲日韩国产精品乱| 日韩A无码AV一区二区三区| 国产精品亚洲精品日韩动图| 成人国产激情福利久久精品| 国产成人精品高清在线观看96| 亚洲欧美国产精品专区久久| 国产午夜亚洲精品| 亚洲欧美精品午睡沙发| 人妻少妇看A偷人无码精品| 久久亚洲精品无码av| 精品无人乱码一区二区三区| 国产精品无码亚洲一区二区三区| 国产精品视频永久免费播放| WWW夜片内射视频日韩精品成人| 国产精品99精品一区二区三区| 精品国产一区二区三区久久影院| 精品久久久久久中文字幕无碍 | 99re国产精品视频首页| 手机在线观看精品国产片| 少妇伦子伦精品无吗| 精品午夜久久福利大片| 久久精品一区二区东京热| 99精品视频在线免费观看|