ตัวสร้าง Favicon
สร้าง favicon จากรูปภาพหรือข้อความ/อีโมจิ สร้างหลายขนาด (16x16 ถึง 256x256) และดาวน์โหลดเป็น PNG หรือ ZIP เครื่องมือออนไลน์ฟรีพร้อมผลลัพธ์ทันที
Favicon คืออะไร?
Favicon คือไอคอนขนาดเล็กที่แสดงในแท็บเบราว์เซอร์ บุ๊คมาร์ค และประวัติ ช่วยให้ผู้ใช้นำ识别เว็บไซต์ของคุณด้วยภาพและสร้างการรับรู้แบรนด์
ฉันต้องการขนาดใดบ้าง?
ขนาดทั่วไปคือ 16x16 (แท็บเบราว์เซอร์), 32x32 (แถบงาน Windows), 48x48 (ไซต์ Windows), 180x180 (ไอคอนสัมผัส Apple) และ 256x256 (จอแสดงผลความละเอียดสูง) เครื่องมือนี้สร้างขนาดทั่วไปทั้งหมด
วิธีเพิ่ม Favicon ลงในเว็บไซต์ของฉัน?
เพิ่ม <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> ลงในส่วน <head> ของ HTML สำหรับแต่ละขนาด สำหรับอุปกรณ์ Apple เพิ่ม <link rel="apple-touch-icon" href="/apple-touch-icon.png">
รองรับรูปแบบไฟล์ภาพใดบ้าง?
PNG เป็นรูปแบบที่รองรับมากที่สุดสำหรับ favicon เครื่องมือนี้สร้างไฟล์ PNG เบราว์เซอร์สมัยใหม่รองรับ favicon SVG แต่ PNG มีความเข้ากันได้ดีกว่าในทุกเบราว์เซอร์และอุปกรณ์
ฉันสามารถสร้าง favicon จากข้อความหรืออีโมจิได้หรือไม่?
ได้ คุณสามารถสร้าง favicon จากข้อความ ตัวอักษร หรืออีโมจิ เพียงพิมพ์ข้อความหรืออีโมจิของคุณ ปรับแบบอักษร สี และพื้นหลัง แล้วสร้าง favicon
ความแตกต่างระหว่าง favicon.ico และ favicon.png คืออะไร?
Favicon.ico เป็นรูปแบบเดิมที่สามารถบรรจุหลายขนาดในไฟล์เดียว Favicon.png เป็นรูปแบบสมัยใหม่ที่มีคุณภาพดีกว่าและรองรับความโปร่งใส เว็บไซต์สมัยใหม่ส่วนใหญ่ใช้รูปแบบ PNG
ฉันต้องมี favicon สำหรับเว็บไซต์ของฉันหรือไม่?
ใช่ favicon สำคัญต่อการรับรู้แบรนด์และประสบการณ์ผู้ใช้ มันปรากฏในแท็บเบราว์เซอร์ บุ๊คมาร์ค และผลการค้นหา ช่วยให้ผู้ใช้นำเว็บไซต์ของคุณระบุได้อย่างรวดเร็ว
ฉันสามารถใช้พื้นหลังโปร่งใสสำหรับ favicon ของฉันได้หรือไม่?
ได้ รูปแบบ PNG รองรับความโปร่งใส คุณสามารถสร้าง favicon ที่มีพื้นหลังโปร่งใส ซึ่งทำงานได้ดีทั้งธีมเบราว์เซอร์สว่างและมืด
ไอคอนสัมผัส Apple คืออะไร?
ไอคอนสัมผัส Apple คือไอคอนขนาดใหญ่กว่า (180x180) ที่ใช้เมื่อผู้ใช้เพิ่มเว็บไซต์ของคุณลงในหน้าจอหลัก iOS มันให้ประสบการณ์ภาพที่ดีกว่าภาพหน้าจอเริ่มต้น
วิธีสร้าง favicon สำหรับ Progressive Web App (PWA)?
สำหรับ PWA คุณต้องการขนาดไอคอนหลายขนาดที่อ้างอิงในไฟล์ manifest.json ของคุณ รวมไอคอน 192x192 และ 512x512 พร้อมไอคอนที่ปิดบังได้สำหรับไอคอนปรับตัวของ Android
ฉันสามารถอัปโหลดรูปภาพของฉันเองได้หรือไม่?
ได้ คุณสามารถอัปโหลดรูปภาพ PNG, JPG หรือ SVG เครื่องมือจะปรับขนาดและปรับให้เหมาะสมสำหรับขนาด favicon ทั้งหมดโดยอัตโนมัติ
เครื่องมือนี้ฟรีหรือไม่?
ใช่ เครื่องมือสร้าง favicon นี้ฟรีอย่างสมบูรณ์ ไม่ต้องลงทะเบียน ไม่มีลายน้ำ และใช้งานไม่จำกัด
อะไรทำให้ favicon ดี?
Favicon ที่ดีนั้นเรียบง่าย ระบุได้ในขนาดเล็ก ใช้สีตัดกัน และแสดงถึงแบรนด์ของคุณ หลีกเลี่ยงรายละเอียดซับซ้อนที่กลายเป็นไม่ชัดเจนเมื่อลดขนาดเหลือ 16x16 พิกเซล
วิธีทดสอบ favicon ของฉัน?
หลังจากเพิ่ม favicon ลงในเว็บไซต์ของคุณ ล้างแคชเบราว์เซอร์และโหลดหน้าใหม่ Favicon ควรปรากฏในแท็บเบราว์เซอร์ คุณยังสามารถตรวจสอบบุ๊คมาร์คและประวัติเพื่อดูไอคอน