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

Question

我有

文件file.eps，我从http://www.shutterstock.com/下载，它看起来像这样：

---

我想

所有这些图标导出到其自己的一块这样我可以在我的网站上使用它们。

---

我已经试过

这样做手工一个接一个它是非常耗时的，现在我正在寻找一种更好的方式来导出所有的人。

---

我得到了一些问题

是否有任何的Mac应用程序，在那里，帮我出口/切开我的file.eps成多个icon.png文件？

我应该甚至需要提取它们吗？

---

我的主要目标是：

• 加载它们在我的网站
• 保持最低限度的HTTP请求
• 看待视网膜显示设备真棒。

Answer 1

我确定有多种方法可以完成这种任务，但这是我如何完成的。下面是我的步骤：

---

1.转换.EPS以.png格式

我这样做，通过公开我的file.eps在Illustrator中，并转到文件>另存为网页格式>选择PNG-8>保存。你应该看到它导出到你想要的目的地。

---

2.创建精灵样式表

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

我打开我的出口file.png，并且选择任何对象，一个对应的CSS代码应自动生成我这样的：

---

3.结果

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

最后，我把我的结果：HERE

希望这回答帮助我这样的人。