เครื่องกำเนิด Favicon HTML
favicon ใช้งานได้เพียงครึ่งเดียว — แท็กลิงก์ HTML จะเป็นตัวตัดสินว่าแต่ละเบราว์เซอร์จะเลือกไฟล์ใด สร้างชุดที่สมบูรณ์และถูกต้องได้ในคลิกเดียว
การตั้งค่าfavicon ที่สมบูรณ์ประกอบด้วยแท็กสำหรับ favicon.ico, รูปแบบ SVG, apple-touch-icon และไอคอน PWA ใน manifest การขาดรายการใดรายการหนึ่งจะสร้างไอคอนทางเลือกบนแพลตฟอร์มอย่างน้อยหนึ่งแพลตฟอร์ม
สร้างแท็กที่นี่ วางลงใน <head> ของคุณ เท่านี้ก็เสร็จเรียบร้อย
วิธีการทำงาน
- 1
สร้าง favicon ของคุณ
ใช้ตัวสร้าง favicon เพื่อสร้าง .ico + PNG + SVG
- 2
คัดลอกแท็ก
วางบล็อก <link> ที่สร้างขึ้นลงใน <head> ของคุณ
- 3
ตรวจสอบ
เปิดเว็บไซต์ของคุณใน Chrome, Safari, Firefox และ Edge ซึ่งทั้งหมดควรแสดงไอคอน
ลองเลย
รับแท็ก HTML
เครื่องมือสร้าง Faviconคำถามที่พบบ่อย
แท็กไหนสำคัญที่สุด?+
<link rel="icon" href="/favicon.ico"> — เป็นทางเลือกสากล
ฉันจำเป็นต้องมี manifest.json หรือไม่+
เฉพาะในกรณีที่คุณต้องการประสบการณ์การติดตั้ง PWA ที่เหมาะสมเท่านั้น มิฉะนั้นก็ไม่จำเป็น
apple-touch-icon ไปไหน?+
<link rel="apple-touch-icon" size="180x180" href="/apple-touch-icon.png">.