คุณรู้จัก FavIcon หรือยัง
FavIcon คือ ไอคอนเล็กๆ บนหน้าลิงค์ Address บน Browser ถือได้ว่าเป็นการแสดงโลโก้ ของเว็บไซต์นั้นๆ มีขนาดอยู่ที่ 16x16 พิกเซล โดยปกติ ถ้าไม่มีการแก้ไข และถ้าคุณใช้โปรแกรม Internet Explorer FavIcon นี้ก็จะแสดงเป็นโลโก้ของโปรแกรม Internet Explorer นั่นเอง? อย่างไรก็ตามเราสามารถเปลี่ยนเป็นโลโก้ของเราได้ง่ายๆ โดยใช้บริการฟรีจากเว็บไซต์อื่นๆ ก็ได้เช่นกัน
วิธีสร้าง FavIcon ผ่านบริการฟรีออนไลน์
- เลือกรูปภาพที่ต้องการ (เน้นให้มีขนาดเล็กไว้ก่อน)
- เข้าไปยังเว็บไซต์ http://www.html-kit.com/favicon/
- ในช่อง "Image to use" คลิก Browse
- เลือกรูปภาพที่ได้เตรียมไว้
- คลิกปุ่ม "Generate FavIcon"?เพื่อยืนยัน
- จากนั้นให้คลิกปุ่ม "Download FavIcon Package"?เพื่อนำภาพมาเก็บไว้ในเครื่องคอมฯ ของเราก่อน
- ให้ทำการ unzip ไฟล์ที่ได้ จะได้ไฟล์ทั้งหมด 3 ไฟล์
- favicon.ico
- animated_favicon1.gif
- ReadMe.txt
- ให้ copy ไฟล์ favico.ico ไปเก็บไว้ที่ Root ของ Web Site ของเรา
- เพิ่มเติม Code ในไฟล์ Index.html, Index.php (แล้วแต่ว่าคุณสร้างเว็บด้วยภาษาไหน)? ระหว่าง tag? <Header> .. </Header>
- Code ที่ต้องเพิ่มคือ?<link rel="shortcut icon" href="/favicon.ico" >
ให้ปิดโปรแกรม Browser ที่คุณใช้งานอยู่ จากนั้นให้ทดสอบโดยเปิดเข้าไปดูใหม่อีกครั้ง (ถ้ายังไม่เห็น ให้ทดสอบ Refresh เพื่อดึงข้อมูลเข้ามาใหม่โดยการกดปุ่ม Ctrl+F5 สำหรับ Internet Explorer)
