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


หลายคนคงสังเกตเห็นว่าตรงแถบ 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 ไว้บนเว็บเรา ในโฟลเดอร์เดียวกับหน้าแรกของเว็บ

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


9 ความเห็น on “วิธีทำ Favicon ให้กับบล็อก”

  1. PP พูดว่า:

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

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

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

  2. favicon generator พูดว่า:

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

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

  4. Nicky พูดว่า:

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

  5. akeblog พูดว่า:

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

  6. บอย พูดว่า:

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

  7. โปรแกรมช่วยโหลด พูดว่า:

    ขอบคุณครับ–s


ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

ติดตาม

Get every new post delivered to your Inbox.