如何使用.eps文件中的图标并将其加载到我的网站上？

Question

我有

我从http://www.shutterstock.com/下载的文件file.eps，如下所示：

我想要

将所有这些图标导出到自己的部分，以便我可以在我的网站上使用它们。

我已经尝试了

逐个手动执行此操作非常耗时，现在我正在寻找更好的方法来导出所有这些内容。

我有一些问题

是否有任何Mac应用程序可帮助我将file.eps导出/切片到多个icon.png文件中？

我甚至需要提取它们吗？

我的主要目标是：

• 将它们加载到我的网站上
• 保持最低HTTP请求
• 在视网膜显示设备上看起来很棒。

Answer 1

我确信实现这种任务的方法不止一种，但这就是我完成这项工作的方法。以下是我的步骤：

1。将.eps转换为.png

我是通过在Illustrator中打开我的file.eps来完成的，然后转到文件＆gt; Save For Web＆gt;选择PNG-8＆gt;保存。您应该看到它导出到您想要的目的地。

2。创建精灵样式表

转到http://www.spritecow.com/

我加载导出的file.png，并选择任何对象，应该为我自动生成相应的css代码，如下所示：

3。结果

我选择了多个我喜欢的图标，并正确显示它们。

最后，我把结果放在一起： HERE

希望这个答案可以帮助像我这样的人。

Answer 2

对于Mac上的计算机，您可以使用Preview中的默认程序。

打开图像后，进入“文件”>“导出”>“格式”。

然后您可以选择所需的格式，还可以选择将其保存到何处。

希望这也有帮助：）