Favicon (เฟฟไอคอน, ฟาวิคอน) คือ โลโก้สัญลักษณ์ของเว็บไซต์


HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

User avatar
md040
PHP Super Member
PHP Super Member
Posts: 265
Joined: 07/11/2016 10:37 am

Favicon (เฟฟไอคอน, ฟาวิคอน) คือ โลโก้สัญลักษณ์ของเว็บไซต์

Post by md040 » 23/11/2016 12:06 pm

Favicon (เฟฟไอคอน, ฟาวิคอน) ย่อมาจาก Favorite icon (เฟเวอร์ริท ไอคอน) หรือที่เรียกว่า Shortcut icon (ช็อตคัต ไอคอน), Website icon (เว็บไซต์ ไอคอน), Tab icon (แท็บ ไอคอน), Bookmark icon (บุ๊คมาร์ค ไอคอน)
Favicon (เฟฟไอคอน, ฟาวิคอน) คือ โลโก้สัญลักษณ์ของเว็บไซต์ Selection_331.png
Selection_331.png (46.71 KiB) Viewed 976 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 (ดอทไอคอน)
ตัวอย่างการใส่ไอคอน:

Code: Select all

<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
ศึกษาเพิ่มเติม: วิธีทำ Logo ให้ไปอยู่บนแอดเดรส favorite icon

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22606
Joined: 22/09/2008 6:18 pm
Contact:

Re: Favicon (เฟฟไอคอน, ฟาวิคอน) คือ โลโก้สัญลักษณ์ของเว็บไซต์

Post by mindphp » 15/05/2019 8:37 pm

ปกติ favicon ควรใช้นามสกุล .ico
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

Post Reply

Return to “HTML CSS”

Users browsing this forum: No registered users and 9 guests