http://www.html-kit.com/favicon
จะเห็นว่าสามารถสร้าง favicon จากรูปภาพ หรือ twitter name ก็ได้
สำหรับผม ก็จะใช้สร้างจากรูปภาพ เมื่อได้ภาพก็กด Generate Favicon.ico
รอสักครู่ web ก็จะสร้าง favicon package มาให้
ประกอบไปด้วย
1.ภาพ favicon ขนาด 16*16 และ 32*32 (มี 2 ภาพอยู่ในไฟล์ favicon.ico)
เหตุที่มี 2 ขนาดภาพ เพราะ Browsers บางตัวสามารถแสดงภาพขนาด 32*32 ได้
แต่ส่วนใหญ่จะแสดงภาพ 16*16
2. animated_favicon1.gif เป็นภาพเคลื่อนไหว และเราสามารถป้อนคำต่อท้ายรูปภาพ
เพื่อให้แสดงเป็นตัวอักษรวิ่งได้
เราก็ download favicon package มาไว้ที่เครื่องเรา จากนั้นก็ upload file ไปที่ root directory
ไปเขียนโค้ด HTML เพิ่ม
โดยแทนที่ www.you.com ด้วย ชื่อ web ของคุณเอง
เอาโค้ดไปไว้ในส่วน Head ของทุกหน้า ส่วนจะแก้วิธีไหน ขึ้นอยู่กับเว็บคุณสร้างมายังไง ถ้าสร้างด้วย WordPress ก็ควรจะไปแก้ theme (ซึ่งส่วนใหญ่จะอยู่ในไฟล์ header.php)
นี่เป็นเพียงแค่โค้ดตัวอย่าง
yousite.com