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

18

我有

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

图片描述


我想要

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


我已经尝试了

手动逐个导出非常耗时,现在我正在寻找更好的方法来导出它们。


我有一些问题

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

我是否需要提取它们?


我的主要目标是:

  • 在我的网站上加载它们
  • 保持最小的HTTP请求
  • 在Retina显示设备上看起来很棒。
2个回答

12

我相信有不止一种方法可以完成这种任务,但这是我完成任务的方式。以下是我的步骤:


1. 将 .eps 转换为 .png

我是通过在Illustrator中打开“file.eps”,然后进入文件 > 存储为Web格式 > 选择PNG-8 > 存储来完成的。您应该看到它被导出到您所需的目标位置。


2. 创建Sprites样式表

前往http://www.spritecow.com/

我加载了导出的file.png,并选择任何对象,相应的CSS代码应自动生成,如下所示:

enter image description here


3. 结果

我选择了多个我喜欢的图标,并将它们正确地展示出来。

最后,我把我的结果放在了这里:HERE

希望这个答案能够帮助像我一样的人。


1

对于使用Mac电脑的人,您可以使用默认程序Preview

打开图片后,转到文件 > 导出 > 格式。

然后可以选择所需的格式,并且还有一个选项可选择保存位置。

希望这也能帮到您 :)


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接