如何使用 .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
文件?
我什至需要提取它们吗?
我的主要目标是:
- 将它们加载到我的网站上
- 保持最小 HTTP 请求
- 在视网膜显示设备上看起来很棒。
我敢肯定有不止一种方法可以完成这种任务,但这就是我完成任务的方式。这是我的步骤:
1。将 .eps 转换为 .png
我在 Illustrator 中打开我的 file.eps
,然后转到文件 > 保存为 Web 格式 > Select PNG-8 > 保存。您应该会看到它导出到您想要的目的地。
2。创建 Sprites 样式表
我加载导出的 file.png
和 select 任何对象,应该像这样自动为我生成相应的 css 代码:
3。结果
我select编辑了多个我喜欢的图标,并正确显示了它们。
最后,我整理了我的结果: HERE
希望这个回答对像我这样的人有所帮助。
对于 Mac 的用户,您可以使用 Preview
中的默认程序。
打开图像后,转到“文件”>“导出”>“格式”。
然后您可以 select 您想要的格式,还有一个选项可以选择将其保存到的位置。
希望这也对您有所帮助:)
我有
我从 http://www.shutterstock.com/ 下载的文件file.eps
,它看起来像这样:
我要
将所有这些图标导出到自己的部分,以便我可以在我的网站上使用它们。
我试过了
逐个手动执行此操作非常耗时,现在我正在寻找一种更好的方法来导出所有这些。
我有一些问题
是否有任何 Mac 应用程序可以帮助我 export/slice 我的 file.eps
进入多个 icon.png
文件?
我什至需要提取它们吗?
我的主要目标是:
- 将它们加载到我的网站上
- 保持最小 HTTP 请求
- 在视网膜显示设备上看起来很棒。
我敢肯定有不止一种方法可以完成这种任务,但这就是我完成任务的方式。这是我的步骤:
1。将 .eps 转换为 .png
我在 Illustrator 中打开我的 file.eps
,然后转到文件 > 保存为 Web 格式 > Select PNG-8 > 保存。您应该会看到它导出到您想要的目的地。
2。创建 Sprites 样式表
我加载导出的 file.png
和 select 任何对象,应该像这样自动为我生成相应的 css 代码:
3。结果
我select编辑了多个我喜欢的图标,并正确显示了它们。
最后,我整理了我的结果: HERE
希望这个回答对像我这样的人有所帮助。
对于 Mac 的用户,您可以使用 Preview
中的默认程序。
打开图像后,转到“文件”>“导出”>“格式”。
然后您可以 select 您想要的格式,还有一个选项可以选择将其保存到的位置。
希望这也对您有所帮助:)