วิธีสร้าง favicon
สร้าง favicon ใช้เวลาไม่ถึงนาที: เริ่มจากภาพสี่เหลี่ยมจัตุรัส สร้าง .ico หลายขนาด แล้วใส่ลิงก์ใน <head> คู่มือนี้อธิบายทุกขั้นตอน
รูปภาพต้นฉบับของคุณควรเป็นรูปสี่เหลี่ยมจัตุรัสและมีขนาดอย่างน้อย 512×512 SVG ดียิ่งขึ้น — ปรับขนาดได้โดยไม่สูญเสียคุณภาพ
การตั้งค่าขั้นต่ำที่เป็นไปได้คือ favicon.ico หลายขนาดเดียว การตั้งค่าสมัยใหม่ยังรวมถึงคู่ SVG, 180×180 apple-touch-icon และ 192×192 + 512×512 PNG สำหรับพร้อมท์การติดตั้ง PWA
วิธีการทำงาน
- 1
เตรียมแหล่งสี่เหลี่ยม
512×512 PNG หรือ SVG ที่มีสี่เหลี่ยมจัตุรัส viewBox
- 2
สร้าง
ใช้โปรแกรมสร้าง favicon ของเราเพื่อรวมทุกขนาดไว้ใน .ico เดียว
- 3
ติดตั้ง
วาง favicon.ico ลงในรูทเว็บไซต์ของคุณแล้วลิงก์ใน <head>
ลองเลย
สร้าง favicon ของคุณทันที
เครื่องมือสร้าง Faviconคำถามที่พบบ่อย
เครื่องมือที่ง่ายที่สุดในการสร้าง favicon คืออะไร?+
เครื่องมือสร้าง favicon ของเรา — อัปโหลด คลิกสร้าง ดาวน์โหลด ไม่ต้องสมัคร ไม่ต้องอัพโหลดขึ้นเซิร์ฟเวอร์
รูปภาพต้นฉบับของฉันควรมีขนาดเท่าใด+
ขั้นต่ำ 512×512 SVG เหมาะอย่างยิ่ง
ฉันจำเป็นต้องมี apple-touch-icon หรือไม่?+
ใช่ หากคุณต้องการไอคอนหน้าจอหลักที่สะอาดตาบน iOS 180×180 PNG เชื่อมโยงผ่าน <link rel="apple-touch-icon">