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

Question

我有

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

---

我要

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

---

我试过了

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

---

我有一些问题

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

我什至需要提取它们吗？

---

我的主要目标是:

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

Answer 1

我敢肯定有不止一种方法可以完成这种任务，但这就是我完成任务的方式。这是我的步骤:

---

1。将 .eps 转换为 .png

我通过在 Illustrator 中打开我的 file.eps，然后转到"file">“保存为 Web 所用格式”>“选择 PNG-8”>“保存”来做到这一点。您应该会看到它导出到您想要的目的地。

---

2。创建 Sprite 样式表

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

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

---

3。结果

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

最后，我整理了我的结果: HERE

希望这个回答能帮到像我这样的人。