javascript Photoshop 图层 -> SVG
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/12865103/
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
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-10-26 17:17:24 来源:igfitidea点击:
Photoshop Layer -> SVG
提问by Atadj
I've got PSD file with vector logo (smart object). I need to save it as SVG for website use. I don't see such option directly in Photoshop though (I can only export it as .AI file).
我有带有矢量标志（智能对象）的 PSD 文件。我需要将其保存为 SVG 以供网站使用。虽然我没有直接在 Photoshop 中看到这样的选项（我只能将它导出为 .AI 文件）。
- How does export process look like (PS CS5 or CS6 - current versions)?
- What are the best settings that web developer should use when exporting logo? You can set various sizes of SVG file in (AI -> SVG) converters like this one: http://image.online-convert.com/convert-to-svg
- Is there anything else to pay attention to in case of settings?
- How should SVG files be included on website in logo area? What is the best approach? Like this? http://jsfiddle.net/danielfilho/GdCcA/
- 导出过程如何（PS CS5 或 CS6 - 当前版本）？
- Web 开发人员在导出徽标时应使用的最佳设置是什么？您可以在 (AI -> SVG) 转换器中设置各种大小的 SVG 文件，如下所示：http: //image.online-convert.com/convert-to-svg
- 在设置的情况下还有什么需要注意的吗？
- SVG 文件应该如何包含在网站的 logo 区域？最好的方法是什么？像这样？http://jsfiddle.net/danielfilho/GdCcA/
采纳答案by mccannf
- You can pay for it (SVG Kit), or the best alternative is to export/paste to Illustrator and then save as SVG. The question Photoshop Custom Shape to SVG path stringdetails this.
- Look at the Illustrator sitefor details of the different options when saving as SVG. It depends on whether you are concerned with details such as target devices (mobile vs. desktop) and whether you want to display gradients, transparency and SVG filter effects.
- Best practices for creating web graphicsby Adobe talks about using web-safe colors, Pixel Preview mode in Illustrator and addressing certain challenges of mobile devices.
- Agree with @Kolink's comments above.
- 您可以付费（SVG Kit），或者最好的选择是导出/粘贴到 Illustrator，然后另存为 SVG。问题Photoshop Custom Shape to SVG path string详细说明了这一点。
- 有关另存为 SVG 时不同选项的详细信息，请查看Illustrator 站点。这取决于您是否关心目标设备（移动与桌面）等细节，以及您是否想要显示渐变、透明度和 SVG 滤镜效果。
- Adobe创建 Web 图形的最佳实践讨论了使用 Web 安全颜色、Illustrator 中的像素预览模式以及解决移动设备的某些挑战。
- 同意上面@Kolink 的评论。
