使用 Asset Extractor 擷取網站素材

貼上公開網頁 URL,將 SVG、PNG、JPEG、WebP、GIF 和 favicon 匯入可掃描的格狀檢視。複製標記到 Figma 或程式碼,或將全部下載為 ZIP — 無需帳號或擴充功能。

貼上 URL,取得素材。

Asset Extractor(Tiny Extract)是免費的 svg 下載器與網站圖片擷取工具。它會從公開頁面找出內嵌 SVG、連結的 SVG 與點陣檔、CSS 背景圖和 favicon — 然後在可分組的目錄中顯示,供您複製或下載。

當 DevTools 右鍵儲存在內嵌 SVG 上失敗,或您需要比雲端 SVG 爬蟲網站更清楚隱私說明的可靠替代方案時,請使用它。

Asset Extractor URL input with bot check and Extract button
Paste a public webpage URL, pass the bot check, and click Extract.

一分鐘內完成擷取。

  1. 開啟 Asset Extractor
  2. 貼上公開網頁 URL(不是 Google Drive 或 Dropbox 分享連結)。
  3. 完成機器人驗證並點擊 Extract
  4. 瀏覽結果格狀檢視 — 複製 SVG 標記、下載個別檔案,或以 Download All 下載 ZIP。
Asset Extractor results grid grouped by SVGs and PNGs with copy and download actions
Assets load progressively into type sections — SVGS, PNGS, JPGS, and more.

分組、複製與下載。

  • Group by Type(預設) — SVGS、PNGS、JPGS、WEBPS、GIFS、ICOS 和 OTHER。
  • Group by Size — 用於尋找圖示的精確像素寬度區段。
  • Group by Color — 依主要 fill 或 stroke 十六進位排序的 SVG;點陣圖保留在後方的 Non-SVG 區段。
  • 每張卡片顯示精確的 W×H、SVG 的 fill/stroke 色票,以及 Copy / Download 動作。
  • 選用的 Optimize 會在 SVG 下載時執行 SVGO 並顯示節省徽章。
Asset Extractor Group by Type dropdown and color swatches on SVG cards
Switch grouping modes from the toolbar; click a swatch to copy its hex value.

Favicon 與觸控圖示。

Asset Extractor 會擷取頁面上已有的 favicon、apple-touch 圖示和 manifest 圖示 — 這與從上傳建立 favicon 套件不同。圖示會出現在 ICOS 區段,並帶有如 rel=apple-touch-icon 的標籤。

預期結果。

  • 僅限公開網頁 — 需登入或被機器人封鎖的頁面會顯示明確錯誤,而非部分格狀檢視。
  • 檔案託管分享連結(Drive、Dropbox、WeTransfer 等)依設計會被封鎖。
  • 任一邊超過 2440px 的素材會被略過並顯示警告計數。
  • 免費頁面掃描每小時有速率限制,以維持共用代理的可持續性 — 小費不會解鎖額外掃描。
  • SVG 預覽在沙箱中執行;含腳本的 SVG 在複製時可能顯示簡短提示。

混合代理 — 誠實揭露。

與 Tiny Design Shop 的瀏覽器本地工具不同,Asset Extractor 會將您貼上的 URL 傳送到 Cloudflare Worker,以便擷取公開頁面與代理素材。HTML 與素材位元組僅暫時通過 — 我們不儲存頁面內容或素材本體,分析僅記錄發生過擷取(以及大致國家),不記錄您下載的內容。

完整詳情請參閱我們的 Privacy policy

常見問題

Asset Extractor是做什麼的?

Paste a public webpage URL and extract SVGs, rasters, and favicons into a grouped grid. Copy markup or download as a ZIP.

How do I download SVGs from a website?

Paste the page URL into Asset Extractor, complete the bot check, and click Extract. SVGs and other assets appear in a grid where you can copy SVG code or download all assets as a ZIP.