前端资源优化技巧
本文分享了前端开发中图片和背景图的优化技巧，包括边切图边整合、合理设置图片尺寸、减少使用绝对定位以及优化渐变背景等，旨在提高网站加载速度和用户体验。
* 边切图边整合，可以避免完成后重写CSS以及重新拼接大量图片，但也会影响整体规划
* 元素左侧的小图标，应该放在图片的右侧，考虑到这类小图标的数量，图片尽量设置高而窄(宽度依最长元素为准)
* 考虑到图片的扩展，定位样式尽量少用bottom, right
* 给某些图片足够的空间。有些图标周围有大量的补白，要避免其它图标露出来影响界面
* 渐变的背景用background-image:url(img);background-repeat:repeat-x; 不重复的背景用background:url(img) no-repeat 0 0; 避免使用
background-position ,background-repeat，在不同的浏览器里可能会失效
参考资料：
http://goodboy5264.blog.163.com/blog/static/2538298200911129327225/
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
