มาสร้าง 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 posts

33 ความเห็น »

  1. เอ๋น้อย said,

    เมษายน 18, 2007 @ 11:25 am

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

  2. chocolate said,

    สิงหาคม 10, 2007 @ 12:09 pm

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

  3. เดียร์ said,

    มีนาคม 19, 2008 @ 8:27 pm

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

  4. pae said,

    เมษายน 3, 2008 @ 10:43 am

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

  5. pae said,

    เมษายน 3, 2008 @ 10:44 am

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

  6. pae said,

    เมษายน 3, 2008 @ 10:50 am

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

  7. pang said,

    มิถุนายน 6, 2008 @ 12:39 am

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

  8. divland's people said,

    มิถุนายน 8, 2008 @ 10:59 am

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

  9. 1staudiovisual said,

    มิถุนายน 16, 2008 @ 3:46 pm

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

  10. pum said,

    กรกฎาคม 9, 2008 @ 10:54 am

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

  11. p said,

    กรกฎาคม 28, 2008 @ 9:53 am

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

  12. p said,

    กรกฎาคม 28, 2008 @ 10:12 am

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

    ขอบคุณค่ะ

  13. salvationteam@msn.com said,

    ธันวาคม 1, 2008 @ 9:56 am

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

  14. ice said,

    ธันวาคม 2, 2008 @ 4:59 pm

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

  15. Sestha said,

    ธันวาคม 5, 2008 @ 5:56 pm

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

  16. favicon generator said,

    ธันวาคม 31, 2008 @ 10:52 pm

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

  17. หาเพื่อนคุยmsn said,

    มกราคม 15, 2009 @ 4:23 pm

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

  18. moohot said,

    มีนาคม 17, 2009 @ 9:03 am

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

  19. นาวรรณ said,

    เมษายน 24, 2009 @ 2:03 am

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

  20. นุช said,

    พฤษภาคม 1, 2009 @ 2:32 pm

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

  21. LOSO said,

    พฤษภาคม 4, 2009 @ 8:13 am

    ครับ

  22. be1st said,

    พฤษภาคม 18, 2009 @ 10:50 pm

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

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

  23. bangkok hotel said,

    มิถุนายน 21, 2009 @ 10:33 am

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

  24. Escorts in London said,

    มิถุนายน 21, 2009 @ 10:34 am

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

  25. Asian Dating said,

    มิถุนายน 21, 2009 @ 10:34 am

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

  26. ร้านดอกไม้ said,

    มิถุนายน 21, 2009 @ 10:35 am

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

  27. sunit said,

    มิถุนายน 25, 2009 @ 8:59 pm

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

  28. เพลง said,

    กรกฎาคม 16, 2009 @ 1:32 pm

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

  29. Lek said,

    สิงหาคม 29, 2009 @ 5:38 am

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

  30. thaimerits said,

    กันยายน 29, 2009 @ 7:46 pm

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

  31. tum said,

    ตุลาคม 17, 2009 @ 1:09 am

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

  32. ฟังเพลงใหม่ said,

    ธันวาคม 6, 2009 @ 3:50 pm

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

  33. เพลงใหม่ said,

    ธันวาคม 6, 2009 @ 3:51 pm

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

RSS feed for comments on this post · TrackBack URI

ให้ความเห็น

:) :( :d :"> :(( \:d/ :x 8-| /:) :o :-? :-" :-w ;) [-( :)>- more »

email

จัดส่งถึงที่ โดย

ลิ้งค์สำหรับ rss reader


ischool
ลงโฆษณา ติดต่อ cssmaster@divland.com
WOMAN wondercutie.com LOAD uploadtoday.com FISH Ninekaow.com