雪碧图生成
点击上传图片
支持格式：PNG, JPG, WebP
050
上传图片以预览精灵图
免费在线雪碧图生成工具，支持将多张小图标或图片合并为一张大图。自动生成 CSS 背景定位代码，减少 HTTP 请求次数，适合网页性能优化、图标管理和前端开发工作流。
点击上传图片
支持格式：PNG, JPG, WebP
上传图片以预览精灵图
免费在线雪碧图生成工具，支持将多张小图标或图片合并为一张大图。自动生成 CSS 背景定位代码，减少 HTTP 请求次数，适合网页性能优化、图标管理和前端开发工作流。
雪碧图（CSS Sprite）是将多张小图合并为一张大图的技术。这样可以减少网页加载时的 HTTP 请求次数，提升页面渲染速度，是前端性能优化的经典手段。
上传多张小图标或图片后，工具会自动排列并生成合并后的大图。同时输出每张子图的 CSS 背景定位代码，直接复制到样式表即可使用。
工具会输出每张子图对应的 background-position 坐标值。在 CSS 中设置背景图为雪碧图，然后为每个元素指定对应的 position 值即可显示对应图标。
支持设置图标之间的间距（padding），也支持横向或纵向排列。合理设置间距可以避免 CSS 定位时出现边缘像素干扰。
不会。所有图片合并均在本地浏览器内完成，文件不会上传到任何服务器，处理完即焚，彻底杜绝隐私泄露风险。