SVG雪碧圖檢視器

工具載入中

關於線上SVG雪碧圖檢視器

如何使用?

有時,您可能需要預覽雪碧圖SVG檔案中的所有圖示,特別是使用svg-sprite產生的檔案。

本工具提供4種不同的方式來提取和檢視圖示:

  1. 貼上SVG程式碼: 直接將SVG程式碼貼上到輸入框中並點擊檢視。所有圖示將被提取並顯示。您也可以單獨下載每個圖示。
  2. 貼上雪碧圖SVG URL: 輸入雪碧圖SVG檔案的URL並點擊檢視。工具將獲取檔案,提取圖示,並讓您預覽或下載它們。
  3. 解析任何網頁URL: 提供網頁URL,我們將嘗試解析並提取頁面中嵌入的任何內聯SVG圖示。

    ⚠️ 注意: 某些網站可能會阻止自動化請求。如果我們無法存取您提供的URL,請按照以下步驟操作:

    • 在Google Chrome中開啟該URL
    • F12開啟開發者工具
    • 轉到元素選項卡並複製完整的HTML程式碼
    • 將複製的HTML貼上到上面的輸入框中以提取圖示
  4. 上傳SVG檔案: 您也可以從電腦上傳本地的雪碧圖SVG檔案。上傳後,圖示將被提取以供檢視和下載。