SVG 檢視器
線上預覽、編輯和最佳化 SVG 檔案。支援即時預覽、程式碼編輯和最佳化工具。
什麼是 SVG 格式？
SVG（可縮放向量圖形）是一種基於 XML 的向量圖像格式，可以無限縮放而不損失品質。它廣泛用於標誌、圖示和網頁圖形。
SVG 和 PNG 有什麼區別？
SVG 是使用數學公式描述圖形的向量格式，可以無限縮放而不失真。PNG 是由像素組成的光柵格式，放大後會變模糊。SVG 適合標誌、圖示和圖表，PNG 更適合照片。
可以檢視什麼檔案格式？
本工具檢視 SVG 檔案。您可以直接貼上 SVG 程式碼或從裝置上傳 .svg 檔案。
可以直接編輯 SVG 程式碼嗎？
可以，您可以在編輯面板中編輯 SVG 原始碼，並在預覽面板中即時看到變更。
即時預覽如何運作？
當您在程式碼編輯器中輸入時，預覽面板會自動更新，準確顯示您的 SVG 在瀏覽器中的轉譯效果。
如何最佳化我的 SVG？
點擊最佳化按鈕可移除 SVG 程式碼中不必要的空白、註解、元資料和冗餘屬性，從而減小檔案大小。
可以變更 SVG 顏色和樣式嗎？
可以，您可以直接在 SVG 程式碼中修改填充顏色、描邊顏色、不透明度和其他樣式屬性。
SVG 支援動畫嗎？
是的，SVG 透過 SMIL（同步多媒體整合語言）和 CSS 動畫支援動畫效果。您可以直接在 SVG 中建立運動、顏色變化和形狀變換等效果。
支援哪些瀏覽器？
本工具適用於所有現代瀏覽器，包括 Chrome、Firefox、Safari 和 Edge。
如何驗證 SVG 語法？
工具會自動標示 SVG 程式碼中的語法錯誤，幫助您立即識別和修正問題。
可以無損縮放 SVG 嗎？
可以，SVG 是向量格式，可以縮放到任意大小而不會失去品質或出現像素化。
我的 SVG 資料會傳送到伺服器嗎？
不會，所有處理都在您的瀏覽器本機完成。您的 SVG 內容不會離開您的裝置。
如何使用SVG 檢視器
SVG Viewer & Editor（SVG 檢視與編輯器）在你貼上程式碼或拖入檔案的瞬間即完成渲染，並支援即時預覽的程式碼編輯。全部過程都在本機瀏覽器中進行。
- 把 SVG 程式碼貼到提示為 “Paste SVG code here or drag & drop a file...” 的編輯器中，或把 .svg 檔案拖到頁面上。
- 圖形會立即渲染在程式碼旁的即時預覽區。
- 直接在程式碼中編輯 viewBox、width、height、fill 或路徑資料等屬性——預覽會隨輸入即時更新。
- 當場修正常見問題，例如缺少 xmlns 屬性，或 viewBox 裁掉了部分圖形。
- 預覽確認無誤後，把最終程式碼複製出去。
如果預覽一直是空白，檢查程式碼是否以 <svg 開頭並包含 xmlns 命名空間——缺 xmlns 是最常見的原因。
相關工具
- SVG最佳化工具 在瀏覽器中即時最佳化和壓縮SVG檔案。移除元資料、註解、編輯器冗餘數據，檔案大小最多可減少60%。
- SVG轉PNG轉換器 在瀏覽器中即時將SVG轉換為PNG、JPEG或WebP。支援自訂縮放、尺寸和背景色。免費、隱私保護、無需上傳。
- Chmod 計算器 免費線上chmod計算器，透過核取方塊視覺化Linux檔案權限並計算chmod值。即時轉換數字(755, 644)和符號(rwxr-xr-x)表示法，支援setuid、setgid、sticky bit等特殊權限。
- ASCII碼表 完整的ASCII字元編碼參考表，包含十進位、十六進位、八進位、二進位編碼、HTML實體和字元描述。支援即時搜尋和篩選。
- HTTP 請求測試 在瀏覽器中直接測試 REST API。發送 GET、POST、PUT、DELETE 請求，自訂請求標頭、請求體和查詢參數，即時查看回應狀態、標頭和 JSON 內容。
- .htaccess產生器 產生Apache .htaccess規則，包括重新導向、重寫、安全標頭、快取、壓縮等。
- Robots.txt產生器 免費線上robots.txt產生器。建立和自訂robots.txt檔案，控制搜尋引擎爬取，管理爬蟲存取，透過視覺化編輯器優化網站SEO。
- 網站地圖產生器 免費線上XML網站地圖產生器。新增URL、設定優先級和更新頻率，在瀏覽器中即時建立SEO友好的網站地圖。