วิธีสร้าง favicon
สร้าง favicon ใช้เวลาไม่ถึงนาที: เริ่มจากภาพสี่เหลี่ยมจัตุรัส สร้าง .ico หลายขนาด แล้วใส่ลิงก์ใน <head> คู่มือนี้อธิบายทุกขั้นตอน
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
รูปภาพต้นฉบับของคุณควรเป็นรูปสี่เหลี่ยมจัตุรัสและมีขนาดอย่างน้อย 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">
เครื่องมือที่เกี่ยวข้อง
เครื่องมือสร้าง Favicon
สร้างชุด Favicon ที่สมบูรณ์ (ICO + PNG) สำหรับทุกอุปกรณ์และเบราว์เซอร์
เครื่องมือแปลงไฟล์ PNG เป็น ICO
แปลงไฟล์ PNG เป็น ICO ฟรีออนไลน์ สำหรับไอคอน Windows, ไอคอนแอป และเว็บไซต์ favicon
เครื่องมือแปลงไฟล์ SVG เป็น PNG
แปลงกราฟิกเวกเตอร์ SVG เป็น PNG ด้วยความละเอียดที่คุณต้องการ
ตัวตรวจสอบ favicon
ตรวจสอบ favicon ของทุกเว็บไซต์ — ตรวจสอบขนาด รูปแบบ และไอคอนที่ขาดหาย