สร้าง favicon

favicon ไม่ใช่แค่ไฟล์เดียว เบราว์เซอร์ โทรศัพท์ และเว็บแอปในปัจจุบันต้องการไอคอนหลายขนาดและหลายรูปแบบ ได้แก่ favicon.ico แบบดั้งเดิมที่มีหลายความละเอียดสำหรับแท็บเบราว์เซอร์ ไฟล์ PNG แยกต่างหาก apple-touch-icon สำหรับหน้าจอหลักของ iPhone และไอคอนขนาดใหญ่สำหรับติดตั้งเป็นเว็บแอปบน Android เครื่องมือนี้จัดการความยุ่งยากทั้งหมดและสร้างชุดครบจากรูปภาพเพียงรูปเดียว

วางรูปสี่เหลี่ยมจัตุรัส ควรเป็น PNG ขนาดอย่างน้อย 512 พิกเซลต่อด้าน แล้วรับไฟล์ ZIP กลับมา ภายในมี favicon.ico (16, 32 และ 48 พิกเซล) PNG แยกชิ้น apple-touch-icon ขนาด 180 พิกเซล และไอคอนแอป 2 ขนาดคือ 192 และ 512 พิกเซล พร้อมกับ site.webmanifest สำเร็จรูปและโค้ด HTML สั้นๆ ที่วางตรงไปยังส่วน head ของหน้าเว็บได้ทันที ทุกอย่างเชื่อมต่อกันโดยไม่ต้องประกอบการอ้างอิงเอง

รูปภาพจะถูกปรับให้พอดีกับแต่ละขนาดโดยไม่ตัดทิ้ง วางไว้ตรงกลาง ไอคอนเบราว์เซอร์คงความโปร่งใส ส่วนไอคอนแอปสำหรับ iOS และ Android จะถูกวางบนพื้นหลังเพราะระบบเหล่านั้นแสดงความโปร่งใสเป็นสีดำ คุณเลือกว่าต้องการพื้นขาว ดำ หรือโปร่งใส แยกกันในแต่ละแพลตฟอร์ม (เช่น สีขาวสำหรับไอคอน iPhone และโปร่งใสสำหรับไอคอน Android) เช่นเดียวกับเครื่องมือทุกตัวในเว็บนี้ การแปลงทั้งหมดเกิดขึ้นในเบราว์เซอร์ รูปภาพของคุณไม่ถูกอัปโหลด และไม่มีไลบรารีใดถูกโหลดจากเซิร์ฟเวอร์ภายนอก

ข้อมูลทางเทคนิค

ใน 3 ขั้นตอน

1. วางรูปสี่เหลี่ยมจัตุรัส (PNG ขนาด 512 px ขึ้นไปเหมาะที่สุด)
2. เลือกพื้นหลังสำหรับไอคอน iOS และ Android (แยกกัน)
3. ดาวน์โหลดและแตกไฟล์ ZIP

ข้อจำกัด: เครื่องมือสร้าง ZIP ที่มี favicon.ico (16/32/48), favicon-16/32, apple-touch-icon (180), ไอคอน Android (192/512), site.webmanifest และโค้ด HTML ต้นทางต้องเป็นรูปแบบ raster (PNG, JPG, WebP, GIF, BMP) ไม่รองรับ SVG รูปที่เล็กเกินไปจะถูกขยายและอาจดูพร่ามัว ควรใช้รูปสี่เหลี่ยมจัตุรัสขนาดใหญ่

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

เครื่องมือที่เกี่ยวข้อง

• PNG เป็น ICO
• ICO เป็น PNG
• บีบอัดรูปภาพ