作者:唐朝網(wǎng)絡(luò) 發(fā)布時(shí)間: 2014-03-05 11:54:53
1. 在網(wǎng)站方案之初,就先要做好方案,比如布景圖像怎樣運(yùn)用等等,做到心中有數(shù)。
2. 修正圖像的時(shí)分,要做好裁剪,只展示必要的、重要的、同內(nèi)容有關(guān)的有些。
3. 在輸出圖像的時(shí)分,圖像大小要設(shè)置穩(wěn)妥,長(zhǎng)寬像素就設(shè)成你所需要的大小,而不要輸出大圖像,然后運(yùn)用的時(shí)分,再指定較小的長(zhǎng)寬,減小圖像。
4. 盡量組合裝飾性的圖像,以節(jié)省http請(qǐng)求數(shù),在具體運(yùn)用時(shí),選用CSS sprite的辦法。
5. 頁(yè)面上的邊框,布景,盡可以的運(yùn)用CSS的辦法來(lái)展示,而不要用圖像。
6. 圖像運(yùn)用上,能用png格式的盡量用,以替代以前常用的gif和jpeg格式。在保證質(zhì)量的情況下,用最小的文件。
7. 在html中明晰指定圖像的大小。
8. 若運(yùn)用photoshop的話,縮放圖像通常會(huì)讓圖像迷糊,可以用smart sharpen來(lái)讓圖像更為超卓。
9. 關(guān)于GIF和PNG文件格式,最小化顏色位數(shù),可使文件更小。
10. 關(guān)于GIF和PNG文件,最小化dithering,可使文件更小。
11. 假設(shè)圖像上要添加文字,可以的話,就不要把文字嵌入到圖像中,而是選用透明布景圖像,或許CSS定位讓文字掩蓋在圖像上,既能獲得相等的效果,還能把圖像更大程度的緊縮。
12. 在較小的GIF和PNG圖像上,可以運(yùn)用有損緊縮。
13. 可以的話,運(yùn)用有些緊縮,保證前景理解的基礎(chǔ)上,較大程度的緊縮布景。
什么叫做“網(wǎng)站的內(nèi)鏈接”相關(guān)閱讀http://bartsmits.com/news/website/353.html
相關(guān)新聞: