開發者 / SVG 檢查

SVG檢視器:檢查、調整大小並複製SVG

在本機檢視SVG程式碼,使用縮放與背景控制項。檢查尺寸和色彩標記、編輯寬度與高度、修復viewBox,並下載或複製data URI。

SVG檢視器:檢查、調整大小並複製SVG: 讀取SVG的尺寸、viewBox、元素數量、位元組大小和明確使用的色彩。清理SVG後,只編輯你要求變更的根元素尺寸屬性。若缺少viewBox,會根據來源尺寸填入;響應式模式會保留viewBox並移除width和height屬性。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
SVG檢視器與大小調整工具本機處理

全程在瀏覽器中執行

選擇或拖放SVG

SVG視口與viewBox

viewBox由四個數字組成:最小x、最小y、寬度和高度。寬度與高度必須為正值。規格:https://www.w3.org/TR/SVG2/coords.html

尺寸與本機預覽

絕對長度會按照每英吋96個CSS像素進行換算。預覽縮放與背景不會變更匯出的標記。SVG圖片處理規則:https://www.w3.org/TR/SVG2/conform.html

使用方式

  1. 拖放SVG或貼上程式碼,檢查經過清理的預覽畫面。
  2. 設定尺寸並選擇是否鎖定長寬比、調整viewBox,或移除尺寸以供響應式使用。
  3. 下載SVG、複製其程式碼,或複製經編碼的data URI。

隱私與限制

SVG會在本機處理,並以隔離的圖片形式呈現。程式碼、事件處理常式和外部資源都會被移除。

相關工具

常見問題

變更viewBox會改變圖稿嗎?

這會變更可見的座標區域。如果只是變更顯示尺寸,請使用原本的viewBox;不同的viewBox可能會裁切或移動可見圖像。

缺少尺寸時會發生什麼事?

檢視器會先使用viewBox尺寸,接著使用300 × 150像素的備用尺寸。絕對物理長度會以每英吋96像素計算;相對長度則需要包含它的頁面才能精確解析。

為什麼響應式模式會移除width和height?

viewBox會保留座標系統,同時由外部版面配置控制顯示尺寸。

可以複製data URI嗎?

可以。data URI包含經過清理並使用URI編碼的輸出SVG。

免費工具・使用在瀏覽器中次・免註冊