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

ตอบกระทู้


คำถามนี้ เพื่อป้องกันการส่งแบบอัตโนมัติจากสแปมบอท
รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[flash] ปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: Favicon (เฟฟไอคอน, ฟาวิคอน) คือ โลโก้สัญลักษณ์ของเว็บไซต์

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

โพสต์ โดย md040 » 23/11/2016 12:06 pm

Favicon (เฟฟไอคอน, ฟาวิคอน) ย่อมาจาก Favorite icon (เฟเวอร์ริท ไอคอน) หรือที่เรียกว่า Shortcut icon (ช็อตคัต ไอคอน), Website icon (เว็บไซต์ ไอคอน), Tab icon (แท็บ ไอคอน), Bookmark icon (บุ๊คมาร์ค ไอคอน)

Selection_331.png
Selection_331.png (46.71 KiB) เปิดดู 414 ครั้ง

เป็นโลโก้สัญลักษณ์ของเว็บไซต์ จะปรากฏอยู่บนแถบ 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

ข้างบน