SVG 是所有跨平台瀏覽器都有支援,不過 WordPress 由於安全性因素,所以造成 SVG 不允許使用格式,而無法上傳問題。
SVG 優勢
- 任意縮放:SVG 是一種向量圖,不管任何解析度 (例如 4K、8K) 都可以完整清晰 SVG 圖片。
- 優先較高:SVG 剛好是因為 DOM (Document Object Model) 元件其中之一,所有瀏覽器就會優先處理。
- 效能提升:SVG 比 JPG、PNG 的資料量比較小,對於手機來說載入比較快。
- 品質提升:SVG 向量圖比點陣圖的品質較來極高,目前更多形象網站 (例如;Apple、CloudFlare 官網) 開始主流採用 SVG 格式呈現。
SVG 缺點
我想大家知道,SVG 有缺點,就是不適用於 Google Pagespeed、GTmetrix、WebPageTest … 等評分,因為大多都是參考評估,而也不是強制性要求,只要是大家認為讀取快就可以了。
安裝步驟
為了解決無法上傳 SVG 格式問題,請安裝 Safe SVG 外掛套件。
外掛套件名稱:Safe SVG
下載連結頁面:https://tw.wordpress.org/plugins/safe-svg/
下載連結頁面:https://tw.wordpress.org/plugins/safe-svg/
- 在外掛 → 安裝外掛頁面
- 搜索框輸入「Safe SVG」
- 找到後,點擊安裝並且啟用
SVG 上傳
由於沒有特別什麼設置,只要在媒體庫新增檔案即可以順利上傳,也能分辦瀏覽 SVG 顯示圖片。