🌐 เครื่องสร้างไอคอนเว็บไซต์และแอป

เกี่ยวกับ

เครื่องมือนี้ใช้ Canvas API ของเบราว์เซอร์เพื่อปรับขนาดภาพต้นฉบับให้เป็นทุกขนาดที่เบราว์เซอร์และระบบปฏิบัติการรุ่นใหม่ต้องการ: 16×16, 32×32, 48×48, 64×64, 180×180 (Apple Touch Icon), 192×192 (Android / PWA) และ 512×512 (PWA splash) ทั้งยังประกอบไฟล์ .ico หลายขนาดที่รวมไอคอน 16, 32 และ 48 พิกเซลไว้ในไฟล์ไบนารีเดียว สร้างไฟล์ site.webmanifest ที่ระบุไอคอน 192 และ 512 พิกเซล (เว้นชื่อและ short_name ว่างไว้เพื่อกรอกเอง) และสร้างโค้ด HTML ที่มีแท็ก <link> ที่ถูกต้อง หากภาพไม่ใช่สี่เหลี่ยมจัตุรัส สามารถคงภาพทั้งหมดไว้โดยมีขอบโปร่งใสหรือเติมสี่เหลี่ยมด้วยการครอบตัดขอบ รวมทุกอย่างไว้ใน ZIP ด้วยตัวเขียน ZIP แบบฝังในตัวเฉพาะวิธีเก็บโดยไม่บีบอัด ไฟล์ .ico ดาวน์โหลดแยกต่างหากได้เช่นกัน เนื่องจากประมวลผลทั้งหมดในเบราว์เซอร์ด้วย Canvas จึงไม่มีไฟล์ใดออกจากอุปกรณ์

วิธีใช้งาน

1. สร้างไอคอนทันทีเมื่อเลือกภาพ จึงไม่มีปุ่มสร้าง ตรวจสอบตัวอย่างตั้งแต่ 16 ถึง 512 พิกเซลและขนาดภาพต้นฉบับ หากภาพไม่ใช่สี่เหลี่ยมจัตุรัส ให้เลือกว่าจะคงภาพทั้งหมดไว้โดยมีขอบหรือเติมสี่เหลี่ยมด้วยการครอบตัดขอบ
2. คลิกดาวน์โหลด ZIP เพื่อรับไฟล์ PNG ทั้งหมด ไฟล์ favicon.ico หลายขนาด ไฟล์ site.webmanifest และไฟล์โค้ด HTML ในไฟล์เดียว หากต้องการเฉพาะไฟล์ .ico ให้คลิกดาวน์โหลดเฉพาะ .ico
3. คลิกคัดลอกแท็ก HTML (หรือเปิด head-snippet.html) แล้ววางแท็ก <link> ใน <head> ของเว็บไซต์
4. อัปโหลดไฟล์ไปยังโฟลเดอร์รากของเว็บไซต์ แล้วกรอกชื่อและ short_name ใน site.webmanifest

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

เครื่องมือนี้สร้างขนาดใดบ้าง?

สร้างไฟล์ PNG ขนาด 16, 32, 48, 64, 180, 192 และ 512 พิกเซล ไฟล์ favicon.ico หลายขนาด (ประกอบด้วยไอคอน 16, 32 และ 48 พิกเซล) ไฟล์ site.webmanifest ที่ระบุไอคอน 192 และ 512 พิกเซล และแท็ก HTML <link> ที่ตรงกัน

ภาพของฉันถูกอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่?

ไม่ ทุกการปรับขนาดและการบรรจุจะเกิดขึ้นในเบราว์เซอร์ของคุณโดยใช้ API Canvas ภาพของคุณจะไม่เคยออกจากอุปกรณ์ของคุณ

ภาพแหล่งข้อมูลที่ดีที่สุดคืออะไร?

ภาพสี่เหลี่ยมจัตุรัสขนาดอย่างน้อย 512×512 พิกเซลให้ผลลัพธ์คมชัดที่สุดทุกขนาด SVG เหมาะเป็นพิเศษเพราะไม่ขึ้นกับความละเอียด หากภาพไม่ใช่สี่เหลี่ยมจัตุรัส สามารถคงภาพทั้งหมดไว้โดยมีขอบโปร่งใส (ค่าเริ่มต้น) หรือเติมสี่เหลี่ยมด้วยการครอบตัดขอบ หากภาพแรสเตอร์เล็กกว่า 512 พิกเซล ระบบจะขยายไอคอนขนาดใหญ่และแสดงข้อความแจ้งเตือน

ไฟล์ .ico ที่มีหลายขนาดคืออะไร และทำไมคุณต้องใช้มัน?

ไฟล์ .ico บรรจุหลายความละเอียดในไฟล์ไบนารีเดียว เบราว์เซอร์และ Windows รุ่นเก่าใช้ .ico สำหรับไอคอนแท็บและทางลัดโดยเลือกขนาดเหมาะสมที่สุดโดยอัตโนมัติ ไฟล์ .ico จากเครื่องมือนี้ประกอบด้วยไอคอน 16, 32 และ 48 พิกเซลและดาวน์โหลดแยกได้โดยไม่ต้องใช้ ZIP

คุณจำเป็นต้องใช้ขนาดทั้งหมดที่สร้างขึ้นสำหรับเว็บไซต์ของคุณหรือไม่?

สำหรับเว็บไซต์ส่วนใหญ่ ไฟล์ .ico หลายขนาด ไอคอน 180 พิกเซล (Apple Touch Icon) และ PNG ขนาด 192/512 พิกเซล (PWA) รวมกับ site.webmanifest ครอบคลุมการใช้งานหลักทั้งหมด รวม PNG ขนาดเล็กไว้เพื่อความสมบูรณ์และรองรับเบราว์เซอร์รุ่นเก่า

เครื่องมือนี้จะอัปโหลดข้อมูลของฉันหรือไม่?

ไม่ ทุกอย่างทำงานในเบราว์เซอร์ของคุณ ดังนั้นข้อมูลของคุณจึงไม่เคยออกจากอุปกรณ์ของคุณ — และหลังจากโหลดหน้าแล้วยังใช้งานแบบออฟไลน์ได้ด้วย

รัน 50 ครั้งใน 29 วันที่ผ่านมา ผลลัพธ์คัดลอกหรือดาวน์โหลดแล้ว: 94% วัดจากเซิร์ฟเวอร์ของเราเอง 2026-10-11–2026-11-09