วิธีดึงแอสเซตเว็บไซต์ด้วย 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
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.