Question

为了在网页中快速加载图像，我们将许多小图像合并为一个大图像，并使用以下css来显示某些小图像。

是否有免费的图像编辑软件可以在大图像中添加，编辑或删除小图像？

谢谢！

div.jHtmlArea .ToolBar ul { border: solid 1px #ccc; margin: 1px; padding: 1px; float: left; background: #fff url(jHtmlArea_Toolbar_Group_BG.png) repeat-x;}
div.jHtmlArea .ToolBar ul li a.h1 { background-position: 0 -16px;}
div.jHtmlArea .ToolBar ul li a.h2 { background-position: -16px -16px;}
div.jHtmlArea .ToolBar ul li a.h3 { background-position: -32px -16px;}
div.jHtmlArea .ToolBar ul li a.h4 { background-position: -48px -16px;}
div.jHtmlArea .ToolBar ul li a.h5 { background-position: -64px -16px;}
div.jHtmlArea .ToolBar ul li a.h6 { background-position: -80px -16px;}

Answer 1

啊，你的意思是Sprites。

我听说过有关SpriteCow的建议 - 而here是一个使用它的CSS专家的视频。

Answer 2

你可以使用Compass Sprites，它很容易并自动生成精灵图像和CSS样式。

Answer 3

我认为任何图像编辑器都可以用来将小图像组合成一个大图像。甚至Windows Paint都可以做到这一点。

打开两个Paint实例，一个用于组合图像，另一个用于加载小图像。
在Paint＃1中打开一个小图片。将其（或部分）复制到剪贴板。
切换到Paint＃2并从剪贴板粘贴图像。然后，您可以将粘贴的图像移动到大图像内的任何位置。
对要添加的每个小图片重复步骤2-3。

Answer 4

它被称为精灵，即将多张图像合二为一的技术这看起来是一个很好的工具：http://spritegen.website-performance.org/

是否有免费的图像编辑器软件来处理网格图像

4 个答案: