開發者 / SVG 檢查
SVG檢視器:檢查、調整大小並複製SVG
在本機檢視SVG程式碼,使用縮放與背景控制項。檢查尺寸和色彩標記、編輯寬度與高度、修復viewBox,並下載或複製data URI。
SVG檢視器:檢查、調整大小並複製SVG: 讀取SVG的尺寸、viewBox、元素數量、位元組大小和明確使用的色彩。清理SVG後,只編輯你要求變更的根元素尺寸屬性。若缺少viewBox,會根據來源尺寸填入;響應式模式會保留viewBox並移除width和height屬性。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。
- 分類
- 開發者工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
選擇或拖放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
使用方式
- 拖放SVG或貼上程式碼,檢查經過清理的預覽畫面。
- 設定尺寸並選擇是否鎖定長寬比、調整viewBox,或移除尺寸以供響應式使用。
- 下載SVG、複製其程式碼,或複製經編碼的data URI。
隱私與限制
SVG會在本機處理,並以隔離的圖片形式呈現。程式碼、事件處理常式和外部資源都會被移除。
相關工具
常見問題
變更viewBox會改變圖稿嗎?
這會變更可見的座標區域。如果只是變更顯示尺寸,請使用原本的viewBox;不同的viewBox可能會裁切或移動可見圖像。
缺少尺寸時會發生什麼事?
檢視器會先使用viewBox尺寸,接著使用300 × 150像素的備用尺寸。絕對物理長度會以每英吋96像素計算;相對長度則需要包含它的頁面才能精確解析。
為什麼響應式模式會移除width和height?
viewBox會保留座標系統,同時由外部版面配置控制顯示尺寸。
可以複製data URI嗎?
可以。data URI包含經過清理並使用URI編碼的輸出SVG。
免費工具・使用在瀏覽器中次・免註冊