เครื่องมือออกแบบ

ไอคอนเว็บไซต์ (favicon) รูปภาพ Open Graph จานสี ม็อกอัป และการปรับ SVG ให้เหมาะสม

6 เครื่องมือ

• สร้าง Favicon

  เปลี่ยนรูปภาพเดียวให้เป็นชุด favicon ครบถ้วน ทั้ง favicon.ico ไอคอน PNG หลายขนาด Apple touch icon ไอคอน Android เว็บแมนิเฟสต์ และแท็ก HTML

• สร้างภาพ Open Graph

  ออกแบบภาพแชร์โซเชียลขนาด 1200x630 พร้อมชื่อเรื่อง โลโก้ และพื้นหลัง แล้วดาวน์โหลดเป็น PNG ทำงานทั้งหมดในเบราว์เซอร์ของคุณ

• สร้างจานสี

  สร้างชุดสีที่เข้ากันจากสีหลัก ล็อกสีที่ชอบ ตรวจสอบคอนทราสต์ WCAG และส่งออกเป็น CSS, Tailwind, JSON หรือ PNG

• ดึงจานสีจากรูปภาพ

  ดึงสีเด่นจากรูปภาพใดก็ได้ คัดลอกรหัส hex เลือกสีจากพิกเซลที่ต้องการด้วยเครื่องมือหยดสี และส่งออกจานสี

• สร้างม็อกอัปภาพหน้าจอ

  ใส่ภาพหน้าจอลงในกรอบเบราว์เซอร์ แล็ปท็อป โทรศัพท์ หรือแท็บเล็ต พร้อมพื้นหลังและเงาที่กำหนดเอง แล้วส่งออกเป็น PNG

• ปรับ SVG ให้เล็กลง

  ลดขนาดไฟล์ SVG ด้วย SVGO ลบเมทาดาทาและส่วนที่ไม่จำเป็น ควบคุมความแม่นยำ คง ID และ viewBox และเปรียบเทียบก่อนและหลัง