CSS / FRONTEND · 瀏覽器內處理

SVG 預覽

貼上 SVG 立即安全預覽,並看見被移除的危險內容。

最多 500,000 字元、10,000 個節點。script、事件屬性、外部資源與內嵌 HTML 一律移除。

預覽

預覽底色

貼上 SVG 後就會在這裡預覽。

SVG 原始碼

使用說明

把 SVG 原始碼貼進來就會立刻渲染成圖,不需要先存檔。所有內容都先經過白名單過濾:`<script>`、`onload` 這類事件屬性、`<foreignObject>` 內嵌的 HTML、指向外部網址的資源全部移除,之後才透過隔離的圖片元素顯示,因此就算是來路不明的 SVG 也能安全打開。工具會列出實際被移除了哪些元素與屬性,讓你知道這份檔案原本包含什麼。

操作步驟

  1. 貼上 SVG 原始碼,或載入範例。
  2. 在預覽區切換淺色、深色或透明格背景檢視。
  3. 檢查被移除的內容清單,確認檔案是否乾淨。

隱私

所有計算與預覽都在這個瀏覽器內完成,輸入不會上傳、不會保存,也不會寫進網址或紀錄。

常見問題

為什麼有些 SVG 顯示不完整?
因為安全過濾會移除外部參照與內嵌 HTML。若原始檔案透過 `<image>` 連結外部圖片,或用 `<foreignObject>` 塞入 HTML,這些部分會被拿掉。純向量的圖形不受影響。
我的檔案會被上傳嗎?
不會。過濾與渲染都在你的瀏覽器內完成,內容不會送到伺服器、不會寫進網址,也不會保存在任何地方。關掉分頁就消失。