วิธีใช้งาน ตัวสร้าง Favicon
- 1
เลือกต้นฉบับ
อัปโหลดโลโก้หรือรูปภาพขนาดไม่เกิน 25 MB พิมพ์ตัวอักษร 1–3 ตัวใน 11 ฟอนต์ หรือเลือกอีโมจิ
- 2
ออกแบบไอคอน
เลือกรูปทรงจาก 12 ตัวเลือก ตั้งแต่ไม่มีรูปทรงหรือสี่เหลี่ยมจัตุรัสธรรมดา ไปจนถึงคุกกี้หรือโคลเวอร์ พร้อมสีพื้นหลังหรือความโปร่งใส ระยะขอบใน และรัศมีมุม
- 3
ตรวจดูทุกขนาด
ดูตัวอย่างไอคอนตั้งแต่ 16 ถึง 192 พิกเซล ในแท็บเบราว์เซอร์โทนสว่างและโทนมืด และภายในโซนปลอดภัยแบบ maskable ของ Android
- 4
ดาวน์โหลดและติดตั้ง
บันทึก favicon.zip แตกไฟล์ลงในโฟลเดอร์ของเว็บไซต์ แล้ววางโค้ด HTML ที่สร้างให้ลงในส่วน head ของหน้า
ข้อจำกัดและ Pro
สร้างชุดไอคอนจากข้อความหรืออีโมจิได้ไม่จำกัด ส่วนต้นฉบับแบบรูปภาพได้ไม่เกิน 25 MB ครั้งละ 1 ไฟล์ แต่ละชุดมี 10 ไฟล์
Pro เพิ่มขีดจำกัดการอัปโหลดรูปภาพโลโก้เป็น 4 GB ดู Pro
เกี่ยวกับ ตัวสร้าง Favicon
ตัวสร้าง Favicon สร้างชุดไอคอนครบถ้วนที่เว็บไซต์สมัยใหม่ต้องใช้จากดีไซน์เดียว ไฟล์ ZIP ประกอบด้วย favicon.ico ที่มีภาพขนาด 16, 32 และ 48 พิกเซลอยู่ภายใน, PNG ขนาด 16, 32 และ 48 พิกเซลแยกไฟล์, apple-touch-icon ขนาด 180 พิกเซลที่มีพื้นหลังทึบ (iOS จะเพิ่มมุมมนให้เอง), ไอคอน Android Chrome ขนาด 192 และ 512 พิกเซล, ไอคอน maskable ขนาด 512 พิกเซลที่เนื้อหาอยู่ภายในโซนปลอดภัย 80%, site.webmanifest ที่มีชื่อแอป ชื่อย่อ และสีธีมของคุณ และโค้ด HTML พร้อมวางที่มีแท็ก link และ theme-color โดย PNG ทั้งหมดผ่านการบีบอัดแบบไม่สูญเสียคุณภาพ
รูปภาพที่อัปโหลดจะถูกย่อด้วยตัวกรอง Lanczos โลโก้ขนาดใหญ่จึงยังคมชัดแม้ที่ 16 พิกเซล และโลโก้ SVG จะถูกวาดที่ 1,024 พิกเซลก่อน ไอคอนแบบข้อความแสดงผลด้วยฟอนต์ที่คุณเลือก และอีโมจิใช้ฟอนต์ Noto Color Emoji ผลลัพธ์จึงหน้าตาเหมือนกันบนทุกระบบของผู้เข้าชม หากไอคอนไม่ได้อยู่ที่รากของเว็บไซต์ ให้พิมพ์โฟลเดอร์ เช่น /icons/ แล้วเส้นทางในโค้ดและ manifest จะเปลี่ยนตาม
การใช้งานทั่วไปคือเว็บไซต์หรือบล็อกใหม่ เว็บแอปที่ผู้ใช้ติดตั้งบนหน้าจอหลัก แดชบอร์ดภายในที่ต้องการให้เด่นท่ามกลางแท็บเบราว์เซอร์ หรือไอคอนชั่วคราวสำหรับโปรเจกต์ส่วนตัว รายละเอียดเล็ก ๆ และคำยาวจะหายไปที่ 16 พิกเซล รูปทรงเรียบง่ายและตัวอักษร 1–2 ตัวจึงให้ผลดีที่สุด เครื่องมือนี้ไม่ได้โฮสต์ไฟล์หรือแก้ไขเว็บไซต์ของคุณ คุณต้องอัปโหลดไฟล์เอง
ความเป็นส่วนตัว
ไอคอนถูกวาดบน canvas ในแท็บนี้และเข้ารหัสด้วยตัวเข้ารหัส PNG แบบ WebAssembly ของเว็บไซต์ใน Web Worker โลโก้ที่อัปโหลดจึงไม่ออกจากอุปกรณ์ของคุณ หากเลือกฟอนต์ของ Google หรือต้นฉบับอีโมจิ เบราว์เซอร์จะดาวน์โหลดฟอนต์นั้นจาก Google Fonts เมื่อคุณเริ่มแก้ไข โดยคำขอจะระบุเฉพาะชื่อฟอนต์ ไม่ใช่ข้อความของคุณ และจะไม่มีการดึงข้อมูลใด ๆ ตอนโหลดหน้า
คุณสมบัติ
ชุดไอคอนครบถ้วน
ICO, PNG หลายขนาด, Apple touch icon, ไอคอน Android และ maskable และ web manifest ใน ZIP เดียว
รูปภาพ ข้อความ หรืออีโมจิ
ใช้โลโก้ของคุณ ตัวอักษร 1–3 ตัวใน 11 ฟอนต์ หรืออีโมจิใดก็ได้เป็นต้นฉบับ
รูปทรงสร้างสรรค์
สี่เหลี่ยมจัตุรัส มุมมน วงกลม และรูปทรง Material อีก 8 แบบ พร้อมตัวควบคุมระยะขอบในและรัศมีมุม
HTML พร้อมวาง
แท็ก link สีธีม และเส้นทาง manifest ถูกสร้างให้ตรงกับโฟลเดอร์ที่คุณเลือก