เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา

ปกติ favicon ควรใช้นามสกุล .ico

<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">

Favicon (เฟฟไอคอน, ฟาวิคอน) ย่อมาจาก Favorite [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2197-icon-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]icon[/url] (เฟเวอร์ริท ไอคอน) หรือที่เรียกว่า Shortcut icon (ช็อตคัต ไอคอน), Website icon (เว็บไซต์ ไอคอน), Tab icon (แท็บ ไอคอน), Bookmark icon (บุ๊คมาร์ค ไอคอน)

[attachment=0]Selection_331.png[/attachment]
เป็นโลโก้สัญลักษณ์ของเว็บไซต์ จะปรากฏอยู่บนแถบ [url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/33-google/3754-bookmark-%E0%B8%9A%E0%B8%B8%E0%B9%8A%E0%B8%81%E0%B8%A1%E0%B8%B2%E0%B8%A3%E0%B9%8C%E0%B8%84-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]Bookmark[/url] bar (บุ๊คมาร์ค บาร์) หรือ Address bar (แอดเดรท บาร์) ของ[url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/66-server-hosting/1849-web-browser-%E0%B8%AB%E0%B8%A1%E0%B8%B2%E0%B8%A2%E0%B8%96%E0%B8%B6%E0%B8%87%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3-web-browser-%E0%B8%84%E0%B8%B7%E0%B8%AD.html]เว็บบราว์เซอร์[/url] เช่น Google Chrome (กูเกิล โครม), FireFox (ไฟร์ฟอกซ์), Internet Explorer (อินเตอร์เน็ต เอ็กโพเลอร์) เป็นต้น
จะเป็นไฟล์ประเภท .ico (ดอทไอคอน) [url=https://www.mindphp.com/67-programming/%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B8%A0%E0%B8%B2%E0%B8%9E.html?bb_limitstart=6200].gif[/url] (ดอทกิฟ) .png (ดอทพีเอ็นจี) ก็ได้ ขนาด 16 x 16 pixel (พิกเซล)
เครื่องมือทำไฟล์ไอคอน: GIMP (กิมป์), พัฒนาบนหน้าเว็บบราว์เซอร์ได้เลย เช่น http://www.favicon-generator.org/editor เป็นต้น
หรือทำเป็นไฟล์ประเภทอื่นๆ ที่มีขนาดไม่เกิน 150 KB (กิโลไบต์) แล้วนำมาแปลงไฟล์ให้เป็น .ico (ดอทไอคอน)
[url=http://www.w3schools.com/tags/att_link_sizes.asp]ตัวอย่างการใส่ไอคอน[/url]: [code]<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
[/code]

ศึกษาเพิ่มเติม: [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/226-%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%97%E0%B8%B3-logo-%E0%B9%81%E0%B8%AD%E0%B8%94%E0%B9%80%E0%B8%94%E0%B8%A3%E0%B8%AA-favicon-ico-favorite-icon.html]วิธีทำ Logo ให้ไปอยู่บนแอดเดรส favorite icon[/url]