วิธีดึงแอสเซตเว็บไซต์ด้วย Asset Extractor

วาง URL หน้าเว็บสาธารณะและดึง SVG, PNG, JPEG, WebP, GIF และ favicon มาไว้ในตารางที่สแกนได้ คัดลอกมาร์กอัปไปยัง Figma หรือโค้ด หรือดาวน์โหลดทั้งหมดเป็น ZIP — ไม่ต้องมีบัญชีหรือส่วนขยาย

วาง URL แล้วดึงแอสเซต

Asset Extractor (Tiny Extract) เป็นตัวดาวน์โหลด svg ฟรีและตัวดึงรูปจากเว็บไซต์ มันค้นหา inline SVG, SVG และไฟล์ราสเตอร์ที่ลิงก์, รูปพื้นหลัง CSS และ favicon จากหน้าสาธารณะ — แล้วแสดงในหมวดหมู่ที่จัดกลุ่มให้คัดลอกหรือดาวน์โหลด

ใช้เมื่อการบันทึกด้วยคลิกขวาใน DevTools ล้มเหลวกับ inline SVG หรือเมื่อคุณต้องการทางเลือกที่เชื่อถือได้แทนไซต์ SVG crawler บนคลาวด์ที่มีความเป็นส่วนตัวชัดเจนกว่า

Asset Extractor URL input with bot check and Extract button 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 — SVG เรียงตาม hex ของ fill หรือ stroke หลัก ราสเตอร์อยู่ในส่วน Non-SVG ท้ายสุด
  • การ์ดแต่ละใบแสดง W×H ที่แน่นอน ตัวอย่างสี fill/stroke บน SVG และการดำเนินการ Copy / Download
  • Optimize ทางเลือกจะรัน SVGO เมื่อดาวน์โหลด SVG และแสดงป้ายประหยัด
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 และ touch icon

Asset Extractor ดึง favicon, apple-touch icon และ manifest icon ที่มีอยู่แล้วบนหน้า — งานต่างจากการสร้าง favicon pack จากการอัปโหลด ไอคอนอยู่ในส่วน ICOS พร้อมชิปเช่น rel=apple-touch-icon

สิ่งที่คาดหวัง

  • เฉพาะหน้าเว็บสาธารณะ — หน้าที่ต้องล็อกอินหรือถูกบล็อกบอทจะแสดงข้อผิดพลาดที่ชัดเจน ไม่ใช่ตารางบางส่วน
  • ลิงก์แชร์โฮสต์ไฟล์ (Drive, Dropbox, WeTransfer และอื่นๆ) ถูกบล็อกตามการออกแบบ
  • แอสเซตที่กว้างหรือสูงกว่า 2440px ด้านใดด้านหนึ่งจะถูกข้ามพร้อมจำนวนคำเตือน
  • การสแกนหน้าฟรีมีการจำกัดอัตราต่อชั่วโมงเพื่อให้พร็อกซีร่วมยั่งยืน — ทิปไม่ปลดล็อกการสแกนเพิ่ม
  • ตัวอย่าง SVG อยู่ใน sandbox 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.