ข้ามไปยังเนื้อหาหลัก
เครื่องมือเดฟDevTools Arcade
STAGE 22Design

Asset Forge · โรงสร้างแอสเซ็ต

สร้าง Favicon ครบชุด, ลดขนาด SVG, สร้าง SVG ลายคลื่น และวาด Pixel Art

Asset Forge คืออะไร?

Asset Forge สร้างทรัพยากรสำหรับเว็บ ทั้ง Favicon ครบชุด (ICO + PNG หลายขนาด + แท็ก HTML + manifest) ลดขนาด SVG สร้าง SVG ลายคลื่นสำหรับพื้นหลัง และวาด Pixel Art แล้วบันทึกเป็น PNG

ใช้ทำอะไรได้บ้าง

  • ทำไอคอนเว็บไซต์
  • ลดขนาด SVG ที่ export จากโปรแกรมออกแบบ
  • สร้างตัวคั่นส่วน (section divider)
  • ทำ sprite เล็ก ๆ

เครื่องมือย่อยในหมวดนี้

วิธีใช้งาน

  1. เลือกเครื่องมือ
  2. อัปโหลดรูปหรือปรับค่า
  3. ดูตัวอย่าง แล้วดาวน์โหลด

เหมาะกับงานแบบไหน

  • Frontend
  • Indie game
  • Landing page

ข้อจำกัดที่ควรรู้

  • SVG Optimizer ลบ metadata/comment/editor attributes และลดทศนิยม ไม่ได้รวม path แบบเครื่องมือเฉพาะทาง
  • Favicon จากรูปสี่เหลี่ยมผืนผ้าจะถูกครอปตรงกลาง

คำถามที่พบบ่อย (FAQ)

ควรใช้รูปต้นฉบับขนาดเท่าไรสำหรับ Favicon?

อย่างน้อย 512×512 พิกเซล แบบสี่เหลี่ยมจัตุรัส