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 รูปหัวใจ สี…….”

This site uses Akismet to reduce spam. Learn how your comment data is processed.