从Photoshop创建CSS精灵

我有一个网页设计的PSD。
每次调整设计时，都需要将具有不同图层可见性（用于透明度）的图像的不同部分手动复制到CSS精灵中。

可以自动化多少？

我曾经使用过一个自动的photoshop脚本，并且运行良好。

这个概念是：

• 每个部分都是不同的图像。
• 每个部分（因此，每个图像）必须位于同一文件夹中，且没有其他任何图像。
• 运行指示文件夹和一些参数（大小，css名称等）的脚本。

• 该脚本可以：

  1. 将所有图像合并为您指定的大小。
  2. 生成CSS文件

在您的情况下，如果您修改一个图像，则可以通过脚本重新生成全局图像和CSS，仅此而已。如果您不想使用生成的CSS，则可能需要将CSS复制/粘贴到您的CSS中。

注意事项：

我尝试了一些文件，效果很好。然后，我尝试了约600张图片，然后，您将需要CPU和耐心；）在这种情况下，请不要使用它。

不会使用切片+启动一个动作，因为该操作会使得选取框一一选选（对切片和文档边界进行捕捉），但是每次都裁剪到所选内容，并保存为png，ctrl alt z撤消直到不裁剪，选择每个部门，进行裁剪等，直到完成所有部门，然后停止操作。在中间，您可以隐藏/显示任何图层，就像通常是同一文件一样，因此不应该发生冲突...因此，您每次都会在更改的psd上加载操作。我唯一能想到的就是您实际上需要更改切片边界。还是那个...我不明白你的意思...

编辑：如果不需要切片，则在完成所有调整后，将仅包含按所需顺序隐藏或显示图层的宏（动作）。就像我说的那样，我可能不会理解...