เครื่องมือสร้าง Favicon
สร้างชุด favicon และไอคอนแอปแบบ PNG ครบชุด — ตั้งแต่ 16×16 ถึง 512×512 — จากรูปภาพใดก็ได้ ในเบราว์เซอร์ของคุณ
🔒 ประมวลผลในเบราว์เซอร์ของคุณ
Loading…
วิธีใช้งาน
- ลากและวางรูปภาพลงในกรอบด้านบน หรือคลิกเพื่อเลือกไฟล์
- รูปภาพที่ไม่เป็นสี่เหลี่ยมจัตุรัสจะถูกครอปกึ่งกลางให้เป็นสี่เหลี่ยมจัตุรัสโดยอัตโนมัติ
- ดูตัวอย่างไอคอนแต่ละขนาดทันทีที่ถูกสร้างขึ้น
- ดาวน์โหลดไอคอนทีละไฟล์ หรือใช้ "ดาวน์โหลดทั้งหมด" เพื่อบันทึกทุกขนาดตามลำดับ
คุณสมบัติ
- สร้าง 6 ขนาดมาตรฐาน: 16, 32, 48, 180, 192 และ 512 px
- รวมไอคอน Apple touch และขนาดไอคอนสำหรับ manifest ของ Android/PWA
- ครอปรูปภาพที่ไม่เป็นสี่เหลี่ยมจัตุรัสให้เป็นสี่เหลี่ยมจัตุรัสโดยอัตโนมัติ
- ดูตัวอย่างทันทีสำหรับทุกขนาดที่สร้างขึ้น
- ประมวลผล 100% ในเบราว์เซอร์ ขับเคลื่อนด้วย Canvas API ไม่มีการอัปโหลด
คำถามที่พบบ่อย
ทำไมต้องมี favicon หลายขนาดขนาดนี้?
เบราว์เซอร์ ระบบปฏิบัติการ และแพลตฟอร์มต่าง ๆ ต้องการไอคอนขนาดต่างกัน เช่น 16×16 และ 32×32 สำหรับแท็บและบุ๊กมาร์กของเบราว์เซอร์ 180×180 สำหรับ Apple touch icon บน iOS และ 192×192/512×512 สำหรับหน้าจอหลักของ Android และ manifest ของ PWA การเตรียมไว้ครบทุกขนาดช่วยให้เว็บไซต์ของคุณดูคมชัดในทุกที่
ถ้ารูปภาพของฉันไม่เป็นสี่เหลี่ยมจัตุรัสจะเกิดอะไรขึ้น?
รูปภาพจะถูกครอปกึ่งกลางให้เป็นสี่เหลี่ยมจัตุรัสที่ใหญ่ที่สุดเท่าที่เป็นไปได้โดยอัตโนมัติก่อนปรับขนาด ทำให้ไอคอนที่สร้างขึ้นทุกอันเป็นสี่เหลี่ยมจัตุรัสโดยไม่บิดเบี้ยว
อัปโหลดไฟล์รูปแบบใดได้บ้าง?
รองรับรูปภาพ JPG, PNG และ WebP ไอคอนที่สร้างขึ้นทั้งหมดจะถูกส่งออกเป็นไฟล์ PNG
รูปภาพของฉันถูกอัปโหลดไปที่ไหนหรือไม่?
ไม่ การครอปและปรับขนาดทำงานในเครื่องของคุณทั้งหมดโดยใช้ Canvas API ของเบราว์เซอร์ — รูปภาพของคุณจะไม่ออกจากอุปกรณ์ของคุณ
ฉันจะใช้ไฟล์ที่สร้างขึ้นบนเว็บไซต์ของฉันได้อย่างไร?
วาง favicon-16x16.png, favicon-32x32.png, favicon-48x48.png และ apple-touch-icon.png ไว้ที่ root ของเว็บไซต์ แล้วอ้างอิงไฟล์เหล่านี้พร้อมกับขนาด Android/PWA อีกสองขนาด จากแท็ก link ใน HTML หรือ web app manifest ของคุณ