วิธีใส่รูปข้างหน้า URL (Favicon)

ใช้ photoshop หรือโปรแกรมตามถนัด สร้างไฟล์

สาวก go2know อาจจะสังเกตเห็นมาจาก web ต่าง ๆ ว่าในช่อง Address ข้างบนนั้น มีรูปเล็กๆอยู่ข้างหน้าด้วย เช่น มีรูปดอกไม้อยู่ข้างหน้า แล้วพอเวลากด add to favorite ข้างหน้าชื่อของเวบก็จะมี รูปดอกไม้นี้อยู่เหมือนกัน ทำให้เด่นขึ้นมาจากเวบอื่นๆ

ไอคอนตัวนี้ จะเรียกว่า Favicon
(อ่านว่า เฟฟ-ไอ-คอน ไม่ใช่ ฟาวิคอน น่ะ - -")
ที่ย่อมาจาก Favourite icon นั้นเอง

วิธีสร้าง
ใช้ photoshop หรือโปรแกรมตามถนัด สร้างไฟล์ 16*16 px เป็น .jpg ขึ้นมาก่อนค่ะ หรือถ้าอยากได้ความละเอียดสูงหน่อย สร้างเป็น 32*32 ก็ได้นะ เสร็จแล้ว เราต้องใช้ตัวช่วยค่ะ! คลิกปุ่มข้างล่างเลย

เข้าไปแล้ว เราก็ต้องแปลงไฟล์ภาพจาก .jpg ให้เป็น .ico นะคะ แล้วก็ save ไฟล์ เก็บไว้ในเครื่อง จากนั้นก็ต้องอัพโหลดไฟล์ที่เราสร้างมาพร้อมทั้งอัพโหลดไฟล์ index ด้วยนะคะ แต่ก่อนอัพโหลดก็จะต้องพิมพ์ code html ตามตัวอย่างวิธีใส่ด้านล่างนี้ซะก่อน. . ยุ่งยาก อ่ะจิ อิอิ อดทนอีกนิด

วิธีใส่
ง่ายมาก เราก็ต้องอัพไฟล์ .ico ของเราขึ้นไปก่อน จากนั้นก็พิมพ์ code ไปใส่ไว้ใต้ <head> ใน html

<link rel="shortcut icon" href="http://www.ชื่อเว็บ/favicon.ico" />

เขียนใน GotoKnow โดย yUmoonoi
ใน ~ สิ่งใหม่ ๆ สิ่งดี ๆ :: เริ่มเรียนรู้เรื่อง blog ~

คำสำคัญ (Tags): #favicon#url

หมายเลขบันทึก: 145593เขียนเมื่อ 11 พฤศจิกายน 2007 01:39 น. ()แก้ไขเมื่อ 22 มิถุนายน 2012 15:28 น. ()สัญญาอนุญาต: จำนวนที่อ่าน

ความเห็น (8)

จินตนา อิ่มรักษา

เขียนเมื่อ 11 พฤศจิกายน 2007 01:41 น. ()

อุ๊บบบ แวะมาเก็บความรู้ตอนตีหนึ่งกว่าๆ นี่แหล่ะค่ะ เยี่ยมไปเลย ทำเวปไว้หลายที่ กำลังอยากได้แบบนี้อยู่พอดีค่ะ ขอบคุณนะคะ อิอิ ^__^

yUmoonoi

เขียนเมื่อ 11 พฤศจิกายน 2007 01:55 น. ()

อุ้ย!! ตกใจ อิอิ ...ไม่ทันตั้งตัว มาเร็วมากคะ ปานสึนามิ

บทความยังไม่เรียบร้อยนักนะคะ แต่ยังไงก็ต้องขอบคุณ จินตนา อิ่มรักษา นะคะ ที่ให้เกียรติเข้าชมเป็นท่านแรก ...หวังว่าคงมีประโยชน์สุด ๆ ในการทำให้ สัญลักษณ์หน้าชื่อเว็บของเราโดดเด่นขึ้นมานะคะ

Asst Prof.Dr.Ratchanok Phramsiri

เขียนเมื่อ 11 พฤศจิกายน 2007 02:06 น. ()

ขอบคุณมากคะสำหรับสิ่งดี ๆ
แล้วจะลองทำคะ

pa_daeng

เขียนเมื่อ 11 พฤศจิกายน 2007 16:09 น. ()

สวัสดีค่ะ
ขอบคุณค่ะ แต่ยังทำไม่เป็นเลย จะพยายามต่อค่ะ

ธ วั ช ชั ย

เขียนเมื่อ 11 พฤศจิกายน 2007 20:20 น. ()

สวัสดีครับ

แวะมาเก็บความรู้ครับ
ได้รู้ว่าคนไทยไม่หวงวิชาก็มี ;)

mrGilL

เขียนเมื่อ 20 มกราคม 2008 03:59 น. ()

ผมเองก็เพิ่งเขียนเรื่องการใส่ favicon ให้กับล๊อกไว้ใน Learners.in.th ด้วยเหมือนกันครับ เขียนเสร็จ search หาว่าเคยมีใครเขียนหรือยัง(ที่จริงควรหาก่อนเขียนเน๊อะ) ก็มาเจอของพี่นี่แหละครับ เลยแวะมาคอนเม้นท์สักหน่อย

blog ผมอยู่ที่ http://learners.in.th/blog/mrgill น่ะครับ ว่างๆ ก็แวะเวียนไปบ้างน่ะครับ

ครูกิ้ม ครูเมืองคอน http://www.krukim1.com

เขียนเมื่อ 3 กันยายน 2008 20:02 น. ()

มาเยี่ยมครูยุ ช้าไปรึป่าว ก็คนมันไม่ค่อยมีเวลาว่าง ว่างๆก็มาให้กำลังใจน้อง เขียนบล็อกเยอะจัง เข้าไปดูบล็อกของวินโดว์แล้วล่ะ

ภาณุ

เขียนเมื่อ 23 เมษายน 2011 18:13 น. ()

เขียนได้แล้ว แต่ต้องเอาขึ้น Services ก่อน

แล้วเปิดเรียกจาก เว็บโดนตรง www.ชื่อเว็บเรา.com

รูปถึงจะปรากฎ ^^

ขอบคุณมากครับ สำหรับวิธีเขียน