วิธีทำ Favicon ให้กับบล็อก

Posted on 25 September 2006 by เก่ง

หลายคนคงสังเกตเห็นว่าตรงแถบ url ของ browser จะมีไอค่อนเล็ก ๆ กิ๊บเก๋ บางแห่งจะเป็นรูปคล้าย ๆ โลโก้ของเว็บ แต่บางแห่งอาจเป็นรูปหน้า page เปล่า ๆ หรือว่าเป็น าพไอค่อนมาตรฐานที่มากับ Browser เจ้าไอค่อนเล็ก ๆ นี้เราเรียกมันว่า Favicon หรือแฟ้บไอค่อน (เขียนเป็นไทยแล้วดูแปลก ๆ แฮะ)

Favicon Example from Keng.com

โดย าพ Favicon ที่จะมาโชว์ข้างชื่อ url ของเราได้นั้น เราต้องมีไฟล์ที่ชื่อ favicon.ico ใส่ไว้ในเว็บเราด้วย โดยเราต้องเก็บไฟล์นี้ไว้ในที่เดียวกับที่ไฟล์หน้า index (หน้าแรก) ของเว็บเราอยู่นั่นเอง

เมื่อเราต้องการเริ่มต้นทำ favicon สำหรับบล็อกของเราเพิ่มความกิ๊บเก๋ ผมมีวิธีง่าย ๆ มาแนะนำครับ

  1. สร้างไฟล์กราฟฟิคขนาด 16 x 16 พิกเซลในโปรแกรมกราฟฟิค เช่น photoshop หรือโปรแกรมอื่น ๆ ตามถนัด
  2. เมื่อได้รูปที่ต้องการแล้ว เซฟไฟล์เป็นชื่อ favicon โดยให้มีนามสกุลเป็น gif , jpg, bmp หรือ png ก็ได้
  3. หลังจากนั้นให้แวะไปที่เว็บ FavIcon Generator
  4. ในเว็บ FavIcon Generator ให้ browse รูป าพที่เราเพิ่งทำ ใส่ในช่อง Image to create icon from
  5. กดปุ่ม Create Icon
  6. เซฟไฟล์ที่ระบบสร้างมาให้ เก็บไว้ในชื่อ favicon.ico
  7. upload รูป favicon.ico ไว้บนเว็บเรา ในโฟลเดอร์เดียวกับหน้าแรกของเว็บ

เท่านี้เองครับ ไม่ยากเลย

เตรียมพร้อมเว็บไซต์ของคุณให้พร้อม ด้วยบริการเครื่องมือทำ SEO ฟรีจาก Fly Rocket

8 Comments For This Post

  1. PP Says:

    กำลังตามหาอยู่พอดีเลยค่ะ

    รู้วิะฺทำสักที

    ขอบคุณมากค่ะ

  2. favicon generator Says:

    แนะนำของฟรี อีกที่ครับสำหรับ ใครอยากทำ animated favicon
    ไปที่ animatedfavicon.com ทำง่าย และ เร็วมากครับ

  3. เก่ง Says:

    เยี่ยมครับ ขอบคุณมากครับที่แนะนำ

  4. นาวรรณ ณ NavanBlog.co.cc Says:

    สวัสดีครับ อ้ายเก่ง
    ขอฝาก MyFavicons.info ด้วยครับผม เป็นของคนไทยครับ และจะพยายามแปลให้มีทุก าษาครับผม

  5. Nicky Says:

    แล้วการ Favicon ให้กับเวปไซต์ ช่วยในเรื่องของการ search ด้วยหรือไม่คะ

  6. เก่ง Says:

    ไม่น่าจะช่วยเท่าไหร่นะครับ เป็นแค่ลูกเล่นให้สวยขึ้นครับ

  7. akeblog Says:

    แวะเข้ามาที่ไรไม่เคยผิดหวังเลยครับ
    ขอบคุณครับ

  8. บอย Says:

    ขอบคุณมากครับ

Leave a Reply

Subscribe

สมัครรับบทความ digital marketing ทางอีเมล์ได้ฟรี เพียงแค่กรอกอีเมล์ ในช่องด้านล่าง