ตัวสร้าง Favicon — favicon.ico·ชุดไอคอนแอป
สร้างไอคอนทุกขนาดที่ใช้แสดงในแท็บเบราว์เซอร์ หน้าจอโฮมมือถือ และผลการค้นหา แล้วดาวน์โหลดรวมเป็น ZIP เดียว
ไฟล์จะไม่ถูกส่งไปเซิร์ฟเวอร์ — ประมวลผลภายในเบราว์เซอร์ของอุปกรณ์นี้เท่านั้น
ความหนา
รูปแบบ
ข้อมูลแอป (site.webmanifest)
HTML สำหรับวางใน <head>
<link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#3182f6">
อ้างอิงกรณีอัปโหลดไฟล์ใน ZIP ไว้ที่พาธหลักของเว็บไซต์ (/) โค้ดเดียวกันนี้อยู่ใน head.html ด้วย
โฆษณา
วิธีใช้ สร้าง Favicon
- 1อัปโหลดภาพ หรือกำหนดข้อความ·อีโมจิและสี
- 2ตรวจสอบรูปลักษณ์แต่ละขนาดได้จากตัวอย่าง
- 3กดปุ่ม [ดาวน์โหลด ZIP] แล้ววางโค้ด HTML ที่แนะนำไว้ใน <head>
คำถามที่พบบ่อย
ภาพต้นฉบับแบบใดจึงจะดี
ควรใช้ PNG·SVG รูปสี่เหลี่ยมจัตุรัสขนาด 512×512 ขึ้นไปจะดีที่สุด รูปทรงเรียบง่ายจะมองเห็นชัดกว่าในขนาดเล็ก
มีแค่ favicon.ico อย่างเดียวไม่พอหรือ
เพียงพอสำหรับเบราว์เซอร์รุ่นเก่า แต่หน้าจอโฮมของ iPhone (180px)·Android (192·512px) ต้องใช้ PNG แยกต่างหาก
โฆษณา