[Html] 從Illustrator導出Web的SVG的最佳設置?


Answers

Question

我正在尋找一個網站使用SVG標誌 - 使它在所有設備的響應式設計上看起來很棒。

但是,由於存在問題 ,我希望盡可能多地支持設備和瀏覽器。 加載速度也是一個重要的考慮因素。 Adobe Illustrator中的導出設置如何適用於所有這些?

在Illustrator中,SVG導出有幾個選項。 首先, 哪個SVG配置文件最好?

我認為SVG Tiny的文件較小? 很多設備是否支持SVG Tiny? 什麼是最重要的區別? (不必閱讀這個W3怪物 。)

其次,我認為圖像位置的最佳選擇是“鏈接”? (感嘆號後請參閱說明。)

或者,瀏覽器如何支持“嵌入”選項?

謝謝!

PS會有一個後備Alpha-PNG選項,但我希望盡可能最好地支持SVG。 (想想吧,像JPG這樣的後備選項 - 在這種情況下可能是最好的選擇,因為alpha-PNG本身需要針對較老IE的解決方案。)

更新:還有更多可以配置的選項。 我沒有使用文本,所以我看到的唯一相關的是小數位。 對於徽標,顯示最大200x200px(因此Retina顯示屏上為400x400px)的內容是“3”最佳設置? 或“2”以最小化文件大小?