หลายคนคงสังเกตเห็นว่าตรงแถบ url ของ browser จะมีไอค่อนเล็ก ๆ กิ๊บเก๋ บางแห่งจะเป็นรูปคล้าย ๆ โลโก้ของเว็บ แต่บางแห่งอาจเป็นรูปหน้า page เปล่า ๆ หรือว่าเป็น าพไอค่อนมาตรฐานที่มากับ Browser เจ้าไอค่อนเล็ก ๆ นี้เราเรียกมันว่า Favicon หรือแฟ้บไอค่อน (เขียนเป็นไทยแล้วดูแปลก ๆ แฮะ)
โดย าพ Favicon ที่จะมาโชว์ข้างชื่อ url ของเราได้นั้น เราต้องมีไฟล์ที่ชื่อ favicon.ico ใส่ไว้ในเว็บเราด้วย โดยเราต้องเก็บไฟล์นี้ไว้ในที่เดียวกับที่ไฟล์หน้า index (หน้าแรก) ของเว็บเราอยู่นั่นเอง
เมื่อเราต้องการเริ่มต้นทำ favicon สำหรับบล็อกของเราเพิ่มความกิ๊บเก๋ ผมมีวิธีง่าย ๆ มาแนะนำครับ
- สร้างไฟล์กราฟฟิคขนาด 16 x 16 พิกเซลในโปรแกรมกราฟฟิค เช่น photoshop หรือโปรแกรมอื่น ๆ ตามถนัด
- เมื่อได้รูปที่ต้องการแล้ว เซฟไฟล์เป็นชื่อ favicon โดยให้มีนามสกุลเป็น gif , jpg, bmp หรือ png ก็ได้
- หลังจากนั้นให้แวะไปที่เว็บ FavIcon Generator
- ในเว็บ FavIcon Generator ให้ browse รูป าพที่เราเพิ่งทำ ใส่ในช่อง Image to create icon from
- กดปุ่ม Create Icon
- เซฟไฟล์ที่ระบบสร้างมาให้ เก็บไว้ในชื่อ favicon.ico
- upload รูป favicon.ico ไว้บนเว็บเรา ในโฟลเดอร์เดียวกับหน้าแรกของเว็บ
เท่านี้เองครับ ไม่ยากเลย
September 23rd, 2008 at 3:54 pm
กำลังตามหาอยู่พอดีเลยค่ะ
รู้วิะฺทำสักที
ขอบคุณมากค่ะ
December 31st, 2008 at 10:44 pm
แนะนำของฟรี อีกที่ครับสำหรับ ใครอยากทำ animated favicon
ไปที่ animatedfavicon.com ทำง่าย และ เร็วมากครับ
January 7th, 2009 at 10:32 am
เยี่ยมครับ ขอบคุณมากครับที่แนะนำ
April 24th, 2009 at 1:53 am
สวัสดีครับ อ้ายเก่ง
ขอฝาก MyFavicons.info ด้วยครับผม เป็นของคนไทยครับ และจะพยายามแปลให้มีทุก าษาครับผม
June 1st, 2009 at 1:28 pm
แล้วการ Favicon ให้กับเวปไซต์ ช่วยในเรื่องของการ search ด้วยหรือไม่คะ
June 9th, 2009 at 8:25 am
ไม่น่าจะช่วยเท่าไหร่นะครับ เป็นแค่ลูกเล่นให้สวยขึ้นครับ
September 20th, 2009 at 2:52 am
แวะเข้ามาที่ไรไม่เคยผิดหวังเลยครับ
ขอบคุณครับ
June 29th, 2010 at 4:22 pm
ขอบคุณมากครับ