国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS(html)背景圖優化合并深入探討

2020-03-24 15:59:46
字體:
來源:轉載
供稿:網友
圖片本身的優化:

圖像質量要求和圖像文件大小決定你用什么格式的圖片,用較小的圖片文件呈現較好的圖像質量。
當圖片色彩過于豐富且無透明要求時,建議采用jpg格式并保存為較高質量。
當圖片色彩過于豐富又有透明或半透明要求或陰影效果時,建議采用png24格式,并對IE6進行png8退化(或在不得已情況下使用濾鏡)。
當圖片色彩不太豐富時無論有無透明要求,請采用png8格式,大多數情況下建議采用這種格式。
當圖片有動畫時,只能使用gif格式。
你可以使用工具對圖片進行再次壓縮,但前提是不會影響色彩和透明。

多張圖片的合并:CSS Sprites技術

單個圖標之間必須保留空隙,空隙大小由容器大小及顯示方式決定。這樣做的好處是既考慮了 容錯性 又提高了圖片的可維護性。
圖標的排列方式,也由容器大小及顯示方式決定。排列方式分為以下幾種:橫向排列(容器寬度有限)、縱向排列(容器高度有限)、斜線排列(容器寬高不限),靠左排列(容器背景居左)、靠右排列(容器背景居右)、水平居中排列(容器背景水平居中)、垂直居中排列(容器背景垂直居中)。
合并后圖片大小不宜超過50K,建議大小在20K-50K之間。
為保證多次修改后的圖片質量,請保留一份PSD原始圖,修改和添加都在PSD中進行,最后導出png。

分類合并:

并不是把所有的圖標都合并在一張圖片里就是最好的,除了要控制圖片大小之外還要注意以下方法。

按照圖片排列方式,把排列方式一樣的圖片進行合并,便于樣式控制。
按照模塊或元件,把同屬于一個模塊或元件的圖片進行合并,方便模塊或元件的維護。
按照圖片大小,把大小一致或差不多的圖片進行合并,可充分利用圖片空間。
按照圖片色彩,把色彩一致或差不多的圖片進行合并,保證合并后圖片的色彩不過于豐富,可防止色彩失真。
綜合以上方法進行合并。更多編程語言

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 固原市| 上杭县| 皮山县| 溆浦县| 嘉善县| 阿城市| 恩施市| 延吉市| 正蓝旗| 临江市| 广州市| 隆德县| 乌兰县| 抚松县| 鄯善县| 河源市| 浮梁县| 石河子市| 镇雄县| 元朗区| 郓城县| 金溪县| 昭觉县| 陈巴尔虎旗| 乃东县| 宜章县| 皋兰县| 黄石市| 砚山县| 陆川县| 县级市| 石渠县| 宁阳县| 宁城县| 九龙坡区| 大名县| 柳河县| 南和县| 库尔勒市| 和龙市| 太仓市|