CSS 如何使用 .eps 文件中的图标并将它们加载到我的网站上？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/30030807/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How can I use icon from .eps file and load them on my site?
提问by cyber8200
I Have
我有
a filefile.epsthat I downloaded from http://www.shutterstock.com/, it looks like this :
file.eps我从http://www.shutterstock.com/下载的文件，它看起来像这样：
I want
我想要
to export all those icons into its own piece so that I can use them on my site.
将所有这些图标导出到自己的部分，以便我可以在我的网站上使用它们。
I've tried
我试过了
doing this manually one-by-one it is very time-consuming, now I'm looking for a better way to export all of them.
逐一手动执行此操作非常耗时，现在我正在寻找一种更好的方法来导出所有这些。
I got some questions
我有一些问题
Is there any Mac application out there that help me export/slice my file.epsinto multiple icon.pngfile ?
是否有任何 Mac 应用程序可以帮助我将我的文件导出/切片file.eps为多个icon.png文件？
Should I even need to extract them ?
我什至需要提取它们吗？
My main goal are :
我的主要目标是：
- load them on my website
- keep minimum HTTP request
- look awesome on retina display devices.
- 在我的网站上加载它们
- 保持最小的 HTTP 请求
- 在视网膜显示设备上看起来很棒。
回答by cyber8200
I'm sure there is more than one way to achieve this kind of task, but this is how I get mine done. Here are my steps :
我确信有不止一种方法可以完成这种任务，但这就是我完成我的任务的方式。这是我的步骤：
1. Convert .eps to .png
1. 将 .eps 转换为 .png
I did that by open my file.epsin Illustrator, and go to File > Save For Web > Select PNG-8 > Save. You should see it export to your desired destination.
我是通过file.eps在 Illustrator 中打开我的，然后转到文件 > 保存为 Web > 选择 PNG-8 > 保存来做到这一点的。您应该会看到它导出到您想要的目的地。
2. Create Sprites Stylesheet
2. 创建精灵样式表
Go to http://www.spritecow.com/
I load my exported file.png, and select any objects, a correspond css code should be automatically generated for me like this :
我加载导出的file.png，并选择任何对象，应该为我自动生成相应的 css 代码，如下所示：
3. Result
3. 结果
I selected multiple icons that I liked, and display them properly.
我选择了多个我喜欢的图标，并正确显示它们。
Finally, I put together my result : HERE
最后，我把我的结果放在一起：这里
Hope this answer help someone like me.
希望这个答案能帮助像我这样的人。
回答by AshNaz87
For those on a Mac, you can use the default program in Preview.
对于 Mac 上的用户，您可以使用Preview.
Once you open the image, go to File > Export > Format.
打开图像后，转到“文件”>“导出”>“格式”。
You can then select your desired format and there's also an option to choose where to save it to.
然后，您可以选择所需的格式，还有一个选项可以选择将其保存到何处。
Hope this also helps :)
希望这也有帮助:)
