Home > Tip & Trick > มาสร้าง favicon ให้เว็บเรากันเถอะ

มาสร้าง favicon ให้เว็บเรากันเถอะ

favicon ก็คือ ไอคอนเล็กๆ ที่บ่งบอกความเป็นเว็บคุณนั่นเอง แบบนี้

sample_favicon

ในยุค web2.0 นี้ ใครๆก็มี favicon กัน วิธีทำก็คือ ทำภาพมาให้มีขนาด 16×16 pixel เซฟเป็น favicon.ico แล้วอัพโหลดขึ้นไปบนโฮสต์ จากนั้นใส่โค้ด นี้ในส่วน <head> ของหน้า html

<link rel="shortcut icon" href="http://www.divland.com/favicon.ico" />

หรือถ้าคุณต้องการความรวดเร็ว เพียงเลือกภาพที่ชอบ โปรแกรมก็จะ generate favicon ออกมาให้เองเลยครับ ไปที่นี่ได้เลย

Favicon maker- Create a favicon from any image

Related Articles


Share
Categories: Tip & Trick
Tags:

About the author

Webmaster ของเว็บนี้และ www.toysmile.com กับ www.wondercutie.com ความสามารถ : web design, graphic design, CSS, PHP programming, wordpress, magento ตอนนี้กำลังสนใจ : การออกแบบ ตัวการ์ตูน คาแรคเตอร์ ^^

Website : http://www.divland.com

Facebook : http://www.facebook.com/divland

Twiter : http://twitter.com/divland


  1. April 18th, 2007 at 11:25 | #1

    อิอิ ชอบเนื้อหาจัง อ่านง่าย เข้าใจดีครับ:d

  2. chocolate
    August 10th, 2007 at 12:09 | #2

    ขอบคุณคะ อ่านง่าย เข้าใจง่าย ทำได้ง่าย

  3. March 19th, 2008 at 20:27 | #3

    โอ้ว ขอบคุณครับ กำลังหาพอดีเลย:d/

  4. pae
    April 3rd, 2008 at 10:43 | #4

    ie 7 ไม่ขึ้นครับทำไงดี

  5. pae
    April 3rd, 2008 at 10:44 | #5

    ช่วยตอบด้วยครับขอบคุณ

  6. pae
    April 3rd, 2008 at 10:50 | #6

    ช่วยส่งวิธีกลับมาทางเมล์นะครับ ขอบคุณมาก

  7. pang
    June 6th, 2008 at 00:39 | #7

    ทำไม มันขึ้นแต่ firefox แต่ ie ไม่ขึ้นเลยหละค่ะ

  8. June 8th, 2008 at 10:59 | #8

    สำหรับ ie ต้องเคลีย history เคลีย cache ให้หมดก่อนนะครับ

  9. June 16th, 2008 at 15:46 | #9

    ขอบคุณครับ จะลองนำไปใช้ดู

  10. pum
    July 9th, 2008 at 10:54 | #10

    ขอบคุณค่ะ กำลังหาวิธีทำอยู่พอดีเลย:d

  11. p
    July 28th, 2008 at 09:53 | #11

    ทำบน firefox และก็ IE ยังไม่ขึ้นเลยอ่ะ
    แต่ที่ทำอยู่ เป็น localhost มันต้องทำไงอ่ะค่ะ
    ลองทำดูแล้วโดยการใส่โค๊ดที่หน้าแรกของเว็บ
    –> ก็ยังไม่ขึ้นเลย
    ช่วยตอบคำถามด้วยนะค่ะ

  12. July 28th, 2008 at 10:12 | #12

    ทำที่ firefox ขึ้นแล้ว แต่ที่ IE ยังไม่ขึ้นอ่ะ ลองเคลีย history เคลีย cache แล้วนะค่ะ

    ขอบคุณค่ะ

  13. December 1st, 2008 at 09:56 | #13

    ผมเห็นบางเว็บไซต์ favicon มันขยับได้ด้วยอะครับ อยากจะรู้ว่าทำยังไงน่ะนะ ^^”:x

  14. December 2nd, 2008 at 16:59 | #14

    ขอบคุณครับ กำลังทำเว็บใหม่อยู่พอดี

  15. Sestha
    December 5th, 2008 at 17:56 | #15

    มันไม่ขึ้นให้ครับ ต้องทำอย่างไร เคลียร์ cache ทำไม่เป็น

  16. December 31st, 2008 at 22:52 | #16

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

  17. January 15th, 2009 at 16:23 | #17

    สุดยอดเลยครับ หัดทำตั้งนาน

  18. March 17th, 2009 at 09:03 | #18

    เยื่ยมมากครับ

  19. April 24th, 2009 at 02:03 | #19

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

  20. May 1st, 2009 at 14:32 | #20

    ขอบคุณค่ะ สงสัยมานานแล้ว แต่ทำมะเป็นซักที

  21. LOSO
    May 4th, 2009 at 08:13 | #21

    ครับ

  22. May 18th, 2009 at 22:50 | #22

    กำลังหาวิธีทำ favicon อยู่

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

  23. June 21st, 2009 at 10:33 | #23

    สุดยอดเลยครับ หัดทำตั้งนานขอบคุณ

  24. June 21st, 2009 at 10:34 | #24

    กำลังหาวิธีทำ favicon อยู่ขอบคุณ:x:x

  25. June 21st, 2009 at 10:34 | #25

    ขอบคุณค่ะ สงสัยมานานแล้วขอบคุณ:d/:d/:d/

  26. June 21st, 2009 at 10:35 | #26

    จะพยายามแปลให้มีทุกภาษาครับผมขอบคุณ

  27. sunit
    June 25th, 2009 at 20:59 | #27

    สุดยอก ชาเขียวเลย คับ
    thanks you sir

  28. เพลง
    July 16th, 2009 at 13:32 | #28

    ขอบคุณค่ะ :d:d:d

  29. Lek
    August 29th, 2009 at 05:38 | #29

    เป็นโดเมนปกติขึ้น แต่ทำไม sub-domain ไม่เห็นทั้ง firefox และ google chrome ครับ
    ผมเห็นของ Mutiply ก็ขึ้นให้ครับ ทำงัยดี :((:d/

  30. September 29th, 2009 at 19:46 | #30

    ขอบคุณครับ ลองทำดูแล้ว ใช้ได้เลย

  31. October 17th, 2009 at 01:09 | #31

    เห็นเว็บคนอื่นมีแล้วอยากมีด้วยครับ จะไปลองทำดูครับ

  32. December 6th, 2009 at 15:50 | #32

    ข้อมูลดีๆแบบนี้หามาบอกกันเรื่อยๆนะครับ

  33. December 6th, 2009 at 15:51 | #33

    แบบนี้ต้องลองครับ

  34. March 24th, 2010 at 21:28 | #34

    ตามมาเก็บความรู้ ขอบคุณครับ

  35. May 22nd, 2010 at 11:35 | #35

    สั้น ง่าย กระชับ
    :)

  36. November 20th, 2010 at 18:46 | #36

    ดีมากเลยครับทำเป็นแล้ว….:)

  37. November 23rd, 2010 at 14:35 | #37

    IE ไม่ขึ้น
    ต้องเคลียร์แคชยังไงครับ

  38. November 30th, 2010 at 14:33 | #38

    ถ้าเป็นเวิร์ดเพลสอ้ะ จะเอาไปวางตรงไหน วางหลายหน้ามึนแย่เลย
    ขอบคุณล่วงหน้าค่ะ

  39. November 30th, 2010 at 19:20 | #39

    วางในไฟล์เทมเพลตส่วน header ครับ

  40. May 23rd, 2011 at 13:19 | #40

    ง้าา อ่านแล้วง่ายจัง ต้องลองไปทำมั่งแล้ว ขอบคุณค่ะ :)

  41. October 28th, 2011 at 21:09 | #41

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

  1. No trackbacks yet.