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

How can I use icon from .eps file and load them on my site?

我有

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


我要

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


我试过了

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


我有一些问题

是否有任何 Mac 应用程序可以帮助我 export/slice 我的 file.eps 进入多个 icon.png 文件?

我什至需要提取它们吗?


我的主要目标是:

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


1。将 .eps 转换为 .png

我在 Illustrator 中打开我的 file.eps,然后转到文件 > 保存为 Web 格式 > Select PNG-8 > 保存。您应该会看到它导出到您想要的目的地。


2。创建 Sprites 样式表

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

我加载导出的 file.png 和 select 任何对象,应该像这样自动为我生成相应的 css 代码:


3。结果

我select编辑了多个我喜欢的图标,并正确显示了它们。

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

希望这个回答对像我这样的人有所帮助。

对于 Mac 的用户,您可以使用 Preview 中的默认程序。

打开图像后,转到“文件”>“导出”>“格式”。

然后您可以 select 您想要的格式,还有一个选项可以选择将其保存到的位置。

希望这也对您有所帮助:)