91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css背景圖優化合并技巧

發布時間:2021-08-10 20:26:50 來源:億速云 閱讀:137 作者:chen 欄目:web開發

這篇文章主要講解了“css背景圖優化合并技巧”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“css背景圖優化合并技巧”吧!

圖片本身的優化

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

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

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

分類合并:

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

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

感謝各位的閱讀,以上就是“css背景圖優化合并技巧”的內容了,經過本文的學習后,相信大家對css背景圖優化合并技巧這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

江津市| 耿马| 横峰县| 屏东县| 阆中市| 北海市| 资溪县| 油尖旺区| 安龙县| 邵武市| 旬阳县| 宁化县| 元阳县| 秦皇岛市| 沙洋县| 丘北县| 沁水县| 长岛县| 武鸣县| 嘉黎县| 洪洞县| 龙井市| 电白县| 鄢陵县| 栖霞市| 黎川县| 阜南县| 汪清县| 兴安盟| 永善县| 商丘市| 健康| 喜德县| 漳州市| 台中县| 大竹县| 东台市| 托里县| 万安县| 吉木萨尔县| 云梦县|