将网站图形组合成单个图形的工具(用于CSS偏移样式背景)

将网站图形组合成单个图形的工具(用于CSS偏移样式背景),css,Css,为了减少HTTP请求的数量,我想将CSS更改为不再使用20个不同的图形文件,而是使用1个文件,然后更改偏移量 然而,我发现很难从头开始创建这些文件-有没有开发人员工具可以从许多源图像文件中为我创建这样一个组合文件?您正在寻找CSS Sprite Builder-Google会找到您。这里有一个在线的: 查看此C代码: 您是否考虑过使用诸如Paint.NET之类的图形工具? 您可以使用Paint.NET将每个图像添加到一个层中,调整每个层的位置,然后将所有层展平为一个图像,然后将该图像存储到web

为了减少HTTP请求的数量,我想将CSS更改为不再使用20个不同的图形文件,而是使用1个文件,然后更改偏移量


然而,我发现很难从头开始创建这些文件-有没有开发人员工具可以从许多源图像文件中为我创建这样一个组合文件?

您正在寻找CSS Sprite Builder-Google会找到您。这里有一个在线的:

查看此C代码:


您是否考虑过使用诸如Paint.NET之类的图形工具?
您可以使用Paint.NET将每个图像添加到一个层中,调整每个层的位置,然后将所有层展平为一个图像,然后将该图像存储到web服务器上。

检查eng

SpriteMe中的工具是否是一个JS bookmarklet,用于在现有网站上自动创建css sprite。我听说这太棒了