矢量背景圖像vs柵格背景圖像

Question

我目前在我的一個網站上使用了一種重複的柵格圖像模式，它不是很複雜，不能轉換爲矢量，但還沒有，在HiDPI/Retina顯示器上被放大看起來不錯。

我正在考慮將光柵圖案轉換爲矢量，並將生成的.svg圖像設置爲背景，但我想知道在網站背景中使用矢量圖像是否有任何缺點。

Answer 1

• 根據圖像的複雜程度（過濾器，蒙版，漸變...），它可能會消耗更多的CPU來渲染圖像;好處是越來越多的圖形任務被髮送到GPU，所以這不是一個大問題
• 不兼容舊版瀏覽器
• 瀏覽器支持並不完美，所以如果你使用複雜的功能，最終圖像的外觀可能存在差異

但是我堅信矢量圖有比缺點更多的優點，所以去做吧。