เครื่องมือสร้าง Favicon

Favicon คือไอคอนเล็ก ๆ ที่เบราว์เซอร์แสดงตามแท็บ บุ๊กมาร์ก ประวัติ และผลการค้นหา — การจะจัดเตรียมให้ถูกต้องหมายถึงการผลิตไฟล์กว่าครึ่งโหล: PNG แบบดั้งเดิมขนาด 16×16 และ 32×32 สำหรับแท็บ, 48×48 สำหรับ Windows, 180×180 สำหรับอุปกรณ์ Apple, 192×192 และ 512×512 สำหรับ Android และ PWA Manifest รวมถึงไฟล์ favicon.ico ที่อยู่มาอย่างยาวนาน เครื่องมือนี้สร้างทั้งชุดจากภาพเดียวในคลิกเดียว

ทุกอย่างประมวลผลในเบราว์เซอร์ของคุณ ภาพจะถูกถอดรหัสบน canvas, ครอปให้อยู่กึ่งกลางเป็นสี่เหลี่ยมจัตุรัส, ย่อขนาดไปยังแต่ละขนาดเป้าหมายด้วยการปรับความเรียบเนียนคุณภาพสูง และแพ็กเกจ favicon.ico จะถูกประกอบขึ้นทีละไบต์บนหน้านี้เอง โดยฝังเวอร์ชันขนาด 16, 32 และ 48 px เป็นรายการ PNG ไม่มีเซิร์ฟเวอร์ ไม่มีการอัปโหลด ไม่มีลายน้ำ — โลโก้ที่ยังไม่เปิดเผยหรือทรัพย์สินของลูกค้าไม่มีวันหลุดออกจากเครื่องของคุณ

ทุกขนาดที่สร้างขึ้นจะแสดงตัวอย่างในขนาดจริง คุณจึงมองเห็นได้ทันทีว่าโลโก้ของคุณจะรอดจากการถูกย่อลงมาที่ 16×16 หรือไม่ — favicon ขนาดเล็กให้ผลดีที่สุดกับรูปทรงเรียบง่ายและคอนทราสต์สูง และตัวอย่างจะบอกคุณตามตรงว่าผู้เข้าชมจะเห็นอะไรในแถบแท็บ ดาวน์โหลดแต่ละไฟล์ได้แยกกัน และปุ่มดาวน์โหลดหลักจะส่งมอบ favicon.ico ที่ประกอบเสร็จแล้วให้คุณ

เครื่องมือนี้ยังเขียน HTML ให้คุณด้วย: บล็อกของแท็กลิงก์ที่พร้อมคัดลอก ซึ่งมีแอตทริบิวต์ rel, type และ sizes ที่ถูกต้องสำหรับทุกไฟล์ที่สร้างขึ้น อัปโหลดไอคอนไปที่ root ของเว็บไซต์คุณ วางบล็อกนี้ลงในส่วน head ของแต่ละหน้า แล้วทุกเบราว์เซอร์ โทรศัพท์ และ PWA Manifest จะพบไอคอนที่ต้องการอย่างถูกต้อง หากคุณต้องการเพียงขนาดเดียว ตัวเลือกขนาด (หรือหน้าเพจค่าที่ตั้งไว้สำหรับ 16×16, 32×32 และ Apple Touch 180) จะจำกัดผลลัพธ์ให้เหลือเพียงไฟล์เดียว