โดย md040 » 23/11/2016 12:06 pm
Favicon (เฟฟไอคอน, ฟาวิคอน) ย่อมาจาก Favorite
icon (เฟเวอร์ริท ไอคอน) หรือที่เรียกว่า Shortcut icon (ช็อตคัต ไอคอน), Website icon (เว็บไซต์ ไอคอน), Tab icon (แท็บ ไอคอน), Bookmark icon (บุ๊คมาร์ค ไอคอน)
- Selection_331.png (46.71 KiB) Viewed 1841 times
เป็นโลโก้สัญลักษณ์ของเว็บไซต์ จะปรากฏอยู่บนแถบ
Bookmark bar (บุ๊คมาร์ค บาร์) หรือ Address bar (แอดเดรท บาร์) ของ
เว็บบราว์เซอร์ เช่น Google Chrome (กูเกิล โครม), FireFox (ไฟร์ฟอกซ์), Internet Explorer (อินเตอร์เน็ต เอ็กโพเลอร์) เป็นต้น
จะเป็นไฟล์ประเภท .ico (ดอทไอคอน)
.gif (ดอทกิฟ) .png (ดอทพีเอ็นจี) ก็ได้ ขนาด 16 x 16 pixel (พิกเซล)
เครื่องมือทำไฟล์ไอคอน: GIMP (กิมป์), พัฒนาบนหน้าเว็บบราว์เซอร์ได้เลย เช่น
http://www.favicon-generator.org/editor เป็นต้น
หรือทำเป็นไฟล์ประเภทอื่นๆ ที่มีขนาดไม่เกิน 150 KB (กิโลไบต์) แล้วนำมาแปลงไฟล์ให้เป็น .ico (ดอทไอคอน)
ตัวอย่างการใส่ไอคอน:
โค้ด: เลือกทั้งหมด
<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
ศึกษาเพิ่มเติม:
วิธีทำ Logo ให้ไปอยู่บนแอดเดรส favorite icon
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]