ใช้เครื่องมือไอคอน (มีมากมาย) เพื่อสร้างไฟล์ไอคอน (favicon.ico) และอัปโหลดไปยังไดเร็กทอรีรากของเซิร์ฟเวอร์ที่เว็บไซต์ตั้งอยู่ แน่นอน คุณสามารถเพิ่มระหว่าง <head></head> ได้ด้วย
<link rel="ไอคอนทางลัด" href="favicon.ico" type="image/x-icon" />
แค่นั้นแหละ. อย่างไรก็ตาม ico ให้ไฟล์ไอคอนคงที่
หากต้องการให้เคลื่อนไหว คุณต้องสร้างภาพเคลื่อนไหวแบบ GIF ภาพเคลื่อนไหว GIF มีขนาด 16*16 และถูกส่งไปยังเซิร์ฟเวอร์ เพิ่ม: ระหว่าง <head></head>:
<link rel="icon" href="animated_favicon.gif" type="image/gif">
แค่นั้นแหละ.
หากคุณต้องการให้ไอคอนในรายการโปรดของคุณเปลี่ยนแปลงด้วย ให้เพิ่มประโยคนี้:
<link rel="Bookmark" href="favicon.ico" />
ไอคอนนี้ยังสามารถใช้ได้ในรูปแบบ PNG ซึ่งเป็นที่นิยมมากในขณะนี้
สุดท้าย ให้ URL เพื่อทำให้สิ่งเหล่านี้ออนไลน์:
http://www.html-kit.com/favicon/
ปฏิบัติตามคำแนะนำทีละขั้นตอน และสุดท้ายคุณก็สามารถดาวน์โหลดสิ่งที่คุณต้องการได้ รวมถึงไฟล์ ico และซอร์สโค้ด