Asset Extractorでウェブサイトのアセットを抽出する方法

公開ウェブページのURLを貼り付けると、SVG、PNG、JPEG、WebP、GIF、ファビコンをスキャン可能なグリッドに取り込めます。Figmaやコードにマークアップをコピーするか、すべてをZIPとしてダウンロード — アカウントも拡張機能も不要です。

URLを貼り付けて、アセットを取得。

Asset Extractor(Tiny Extract)は、無料のsvgダウンローダー兼ウェブサイト画像抽出ツールです。公開ページからインラインSVG、リンクされたSVGとラスターファイル、CSS背景画像、ファビコンを検出し、コピーまたはダウンロード可能なグループ化カタログに表示します。

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分以内に抽出。

  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のhexでソートされた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.

ファビコンとタッチアイコン。

Asset Extractorは、ページ上のファビコン、apple-touchアイコン、マニフェストアイコンを取得します — アップロードからファビコンパックを構築するのとは異なる作業です。アイコンはrel=apple-touch-iconのようなチップ付きでICOSセクションに表示されます。

期待できること。

  • 公開ウェブページのみ — ログイン壁やボットブロックされたページは部分的なグリッドではなく、明確なエラーを表示します。
  • ファイルホスティング共有リンク(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.