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

回答

相關問題