CSS雪碧图生成器 - 每日工具 | daystool.com

CSS雪碧图生成器

计算 CSS 雪碧图 background-position 与尺寸,实时预览, localStorage。

快速高效
简单易用
安全隐私

在线CSS 雪碧图定位计算。CSS 格式化见 CSS 格式化; Grid 布局见 CSS Grid 可视化

使用说明

设置雪碧图行列数、单元格尺寸与图标 index,计算 background-position 并预览;参数保存到 localStorage。

  1. index 从 0 开始,按行优先排列(左→右,上→下)。
  2. 预览区展示当前 index 对应的裁剪区域。
  3. 复制 CSS 后替换 background-image 路径为实际雪碧图 URL。

数据均在浏览器本地处理,不会上传到服务器。