ทำความรู้จัก FavIcon


Menu

สมาชิกไอทีไกด์

Free Data Recovery Software Download to Recover Deleted Files - EaseUS Data Recovery Wizard Free Edition

User Rating:  / 1
PoorBest 

คุณรู้จัก FavIcon หรือยัง


FavIcon คือ ไอคอนเล็กๆ บนหน้าลิงค์ Address บน Browser ถือได้ว่าเป็นการแสดงโลโก้ ของเว็บไซต์นั้นๆ มีขนาดอยู่ที่ 16x16 พิกเซล โดยปกติ ถ้าไม่มีการแก้ไข และถ้าคุณใช้โปรแกรม Internet Explorer FavIcon นี้ก็จะแสดงเป็นโลโก้ของโปรแกรม Internet Explorer นั่นเอง? อย่างไรก็ตามเราสามารถเปลี่ยนเป็นโลโก้ของเราได้ง่ายๆ โดยใช้บริการฟรีจากเว็บไซต์อื่นๆ ก็ได้เช่นกัน


Favicon Address Bar

วิธีสร้าง FavIcon ผ่านบริการฟรีออนไลน์

  1. เลือกรูปภาพที่ต้องการ (เน้นให้มีขนาดเล็กไว้ก่อน)
  2. เข้าไปยังเว็บไซต์ http://www.html-kit.com/favicon/
  3. ในช่อง "Image to use" คลิก Browse
  4. เลือกรูปภาพที่ได้เตรียมไว้
  5. คลิกปุ่ม "Generate FavIcon"?เพื่อยืนยัน
  6. จากนั้นให้คลิกปุ่ม "Download FavIcon Package"?เพื่อนำภาพมาเก็บไว้ในเครื่องคอมฯ ของเราก่อน
  7. ให้ทำการ unzip ไฟล์ที่ได้ จะได้ไฟล์ทั้งหมด 3 ไฟล์
    • favicon.ico
    • animated_favicon1.gif
    • ReadMe.txt
  8. ให้ copy ไฟล์ favico.ico ไปเก็บไว้ที่ Root ของ Web Site ของเรา
  9. เพิ่มเติม Code ในไฟล์ Index.html, Index.php (แล้วแต่ว่าคุณสร้างเว็บด้วยภาษาไหน)? ระหว่าง tag? <Header> .. </Header>
  10. Code ที่ต้องเพิ่มคือ?<link rel="shortcut icon" href="/favicon.ico" >

ให้ปิดโปรแกรม Browser ที่คุณใช้งานอยู่ จากนั้นให้ทดสอบโดยเปิดเข้าไปดูใหม่อีกครั้ง (ถ้ายังไม่เห็น ให้ทดสอบ Refresh เพื่อดึงข้อมูลเข้ามาใหม่โดยการกดปุ่ม Ctrl+F5 สำหรับ Internet Explorer)