Favicon คืออะไร

Favicon คือ ไอคอนประจำเว็บไซต์ของเราเพื่อให้ง่ายต่อการจดจำได้มากยิ่งขึ้นของผู้ใช้งาน

Favicon

มีรากศัพท์มาจากคำว่า Favorite กับ Icon เป็นไอคอนเล็กๆ ที่แสดงอยู่ด้านบนของบราวเซอร์ ตรงบริเวณด้านหน้าของ URL หรือหน้าชื่อเว็บไซต์ที่อยู่บน address bar และหน้า Bookmark เว็บไซต์ที่เราชอบ

ขนาดที่นิยมใช้งานคือ 16×16, 24×24 และ 32×32 pixels  ด้วยสกุลไฟล์ jpg , gif ,png หรือ .ico

Favicon บน Browser และ หน้า Address Bar
Favicon บน Browser
Favicon2 copy
ตัวอย่าง : หน้า Bookmark เว็บไซต์ที่ชอบ

Favicon3

วิธีการอัพโหลดภาพขึ้น Server

  1. เมื่อเราได้รูปตามสัดส่วนที่ต้องการ ให้เซฟชื่อภาพว่า “Favicon.ico”
  2. แล้วใช้ Tag คำสั่ง <link rel=”shortcut icon” href=”Favicon.ico”> ให้อยู่ภายใน <head>…</head>
  3. เซฟไฟล์ แล้วอัพโหลดไฟล์เว็บ + ไฟล์ภาพที่ชื่อ “Favicon.ico” ขึ้น server ด้วยนะคะ

หมายเหตุ : ถ้าเราใช้สกุลไฟล์ jpg , gif ,png  คำสั่งใน Tag   href=”Favicon.__” ก็ควรจะเป็นสกุลไฟล์ตามที่เราเซฟชื่อไว้

โปรดติดตามวิธีการทำ Favicon รูปหัวใจสวยๆ แบบนี้ เร็วๆ นี้ค่ะ
แต่อาจจะมีขั้นตอนยุ่งยากสักหน่อยนะ แต่คงไม่ยากเกินความสามารถของเพื่อนๆ หรอกค่ะ

สำหรับเพื่อนๆ คนไหนที่อยากได้ Favicon รูปหัวใจ (สีพื้น ไม่มีลาย)
โพสต์มาที่กล่องคอมเม้นท์ด้านล่างได้เลย เดี๋ยว iiZZii Studio จัดให้จ้า

ตัวอย่างโพสต์
“อยากได้ Favicon รูปหัวใจ สี…….”