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中添加对应类名即可。