<code id="6mcsu"></code>
<li id="6mcsu"></li>
<li id="6mcsu"><dl id="6mcsu"></dl></li>
  • <code id="6mcsu"><tr id="6mcsu"></tr></code>
    或者

    關(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í)候,可以壓縮的更多。


    亚洲国产精品无码av| 中文字幕九七精品乱码| 亚洲成AV人片在线观看无码| 国产 日韩 中文字幕 制服| 色综合久久无码五十路人妻| 一本久中文视频播放| 中文字幕在线观看亚洲视频| 日韩乱码人妻无码系列中文字幕| 亚洲一区日韩高清中文字幕亚洲| 中文字幕在线精品视频入口一区| 精品久久久久久无码专区不卡| 国产色无码专区在线观看| 日韩在线中文字幕| 成人性生交大片免费看中文| 精品亚洲成α人无码成α在线观看 | 亚洲爆乳精品无码一区二区| 久久亚洲AV成人出白浆无码国产 | 中文字幕av无码一区二区三区电影 | 人妻丰满熟妇AV无码区乱| 国产成年无码久久久免费| 欧美日韩不卡一区二区三区中文字| 中文字幕日本人妻久久久免费| 4hu亚洲人成人无码网www电影首页| 无码专区狠狠躁躁天天躁| 亚洲国产成人片在线观看无码| 自拍偷在线精品自拍偷无码专区| 日韩精品无码人妻一区二区三区| 中文无码vs无码人妻| 中文字幕人妻在线视频不卡乱码 | 亚洲gv猛男gv无码男同短文| 亚洲av永久无码精品漫画| 免费无码av片在线观看| 久久久久av无码免费网| 亚洲AV永久无码精品水牛影视| 午夜无码伦费影视在线观看 | 久久国产三级无码一区二区| 久99久无码精品视频免费播放| 亚洲AV永久无码天堂影院| 欧美精品中文字幕亚洲专区| 伊人热人久久中文字幕| 超清无码无卡中文字幕|