Photoshop Layer - > SVG

我有PSD文件与矢量标志（智能对象）。我需要将它保存为SVG供网站使用。我没有直接在Photoshop中看到这样的选项（我只能将它导出为.AI文件）。Photoshop Layer - > SVG

导出过程如何（PS CS5或CS6 - 当前版本）？
当导出徽标时，Web开发人员应该使用哪些最佳设置？您可以在（AI - > SVG）这样的转换器中设置各种尺寸的SVG文件： http://image.online-convert.com/convert-to-svg
在设置的情况下还有什么需要注意的吗？
SVG文件应该如何包含在logo区域的网站上？什么是最好的方法？喜欢这个？ http://jsfiddle.net/danielfilho/GdCcA/

2012-10-12 Atadj

对于问题4的回应，将SVG栅格化为任何需要的大小是最可靠的，因此该网站具有PNG或GIF图像以显示并且不需要SVG功能。 –

@Kolink我现在使用的是JPG徽标，但它在网站的响应模式下看起来很模糊，无法将其显示为250像素徽标，而是200像素徽标或150像素徽标。更不用说视网膜，它总是看起来很丑。 SVG将是完美的解决方案。为什么它不推荐？我工作的公司为我提供了矢量标志，因此在网站上使用矢量格式将会很棒。 – Atadj

旧版浏览器不支持SVG。但是，如果您可以实现功能测试，那么您可以让SVG图像返回到光栅图像。 –

你可以为它付出（SVG Kit），或最好的办法是贴导出/到Illustrator，然后保存为SVG。问题Photoshop Custom Shape to SVG path string详细说明了这一点。
有关保存为SVG时不同选项的详细信息，请参阅Illustrator site。这取决于您是否关注目标设备（移动设备与桌面设备）等细节以及是否要显示渐变，透明度和SVG滤镜效果。
Best practices for creating web graphics作者：Adobe谈到了在Illustrator中使用Web安全颜色，Pixel Preview模式以及解决移动设备的某些挑战。
同意上面的@ Kolink的评论。

来源

2012-10-12 19:45:59 mccannf

Photoshop Layer - > SVG

回答

相关问题