简单介绍下：CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数. 多个图片将以一定间距合并为一个大图片文件. 页面中使用这些图片的元素将利用 background-position 这一 CSS 属性来显示拼合图片中的指定位置。这一技术可有效提升网站性能, 尤其是网页上有众多小图片时, 如许多菜单栏图标.
这里有一篇Realazy的CSS Sprites技术详细介绍，CSS Sprites被我生生译成了CSS图片拼合，希望大家不要抗议：P 有更好的译法欢迎大家提出 ^^
下面给大家介绍个CSS图片拼合生成器，将众多小图片打包成ZIP文件，上传上去，即可自动生成拼合后的图片和CSS规则，还可以自定义背景色，是否背景透明，CSS选择器的前后缀等，功能强大^ ^
呃，为什么要介绍呢？因为中文界面是我翻译的，有任何更好的翻译建议请提出。
翻译文本可以从Google Code上 http://cssspritegeneratorchinese.googlecode.com/svn/ 位置检出。
http://spritegen.website-performance.org/?action=home&lang=cn
0
0
CSS图片拼合生成器只需上传zip包即可_经验交流
php中文网
发布时间：2016-05-16 12:06:39
|3049人浏览过
|来源于php中文网
原创
相关文章
css 伪元素 before 和 after 有什么用_用于插入装饰性内容
css 伪元素与图标显示_通过 ::before 和 ::after 添加字体图标
css固定元素覆盖内容如何解决_设置margin和padding预留空间
css 初级项目中按钮点击没有反馈怎么办_通过 hover active 状态增强体验
css如何让flex元素固定宽高_使用flex-basis设置基础尺寸
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
2026赚钱平台入口大全
2026年最新赚钱平台入口汇总，涵盖任务众包、内容创作、电商运营、技能变现等多类正规渠道，助你轻松开启副业增收之路。阅读专题下面的文章了解更多详细内容。
268
2026.01.31
无需付费的漫画app大全
想找真正免费又无套路的漫画App？本合集精选多款永久免费、资源丰富、无广告干扰的优质漫画应用，涵盖国漫、日漫、韩漫及经典老番，满足各类阅读需求。阅读专题下面的文章了解更多详细内容。
170
2026.01.31
漫画免费在线观看地址大全
想找免费又资源丰富的漫画网站？本合集精选2025-2026年热门平台，涵盖国漫、日漫、韩漫等多类型作品，支持高清流畅阅读与离线缓存。阅读专题下面的文章了解更多详细内容。
85
2026.01.31
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章
