CSS Sprite 生成
多图合并 CSS Sprite 雪碧图,自动生成 background-position
点击或拖拽上传多张图片
CSS Sprite 生成功能亮点
自动计算定位
自动计算每张图的background-position,生成CSS类。
支持多图合并
拖拽上传多张图片,一键合并为雪碧图。
纯前端本地处理
所有操作在浏览器中完成,数据不上传服务器,保障隐私安全。
CSS Sprite 生成常见问题
CSS Sprite将多张小图合并为一张大图,通过background-position定位显示,减少HTTP请求数,提升页面加载速度。
支持PNG、JPG、GIF、SVG、WebP等浏览器支持的图片格式。
下载合并后的PNG图片和CSS代码,将图片放到项目中,复制CSS类到样式表,HTML中添加对应类名即可。