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

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

Moderator: mindphp

ภาพประจำตัวสมาชิก
md040
PHP Super Member
PHP Super Member
โพสต์: 265
ลงทะเบียนเมื่อ: 07/11/2016 10:37 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย md040 »

Favicon (เฟฟไอคอน, ฟาวิคอน) ย่อมาจาก Favorite icon (เฟเวอร์ริท ไอคอน) หรือที่เรียกว่า Shortcut icon (ช็อตคัต ไอคอน), Website icon (เว็บไซต์ ไอคอน), Tab icon (แท็บ ไอคอน), Bookmark icon (บุ๊คมาร์ค ไอคอน)
Selection_331.png
Selection_331.png (46.71 KiB) Viewed 1792 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
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41129
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

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

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ปกติ 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
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 43