CSS Sprite 生成器

输入图标名称、列数与单项尺寸，生成 sprite 背景图与每一项的 background-position 代码。

Sprite 参数等待输入

列数单项宽（px）单项高（px）

图标名称（逗号或换行分隔）

图标名称会自动去重，按输入顺序排列。

Sprite 代码

项数—

列—

尺寸—

状态—

填写图标名称后，点击“生成代码”查看 sprite 定位代码。

生成的代码基于等距网格，假设各项尺寸一致。

使用说明

假设 sprite 图为等距网格排列。
每项尺寸需保持一致。
生成 .sprite 基础类与各项定位类。
不作任何图片处理，仅生成代码。
全部在浏览器本地生成。