สวัสดีชาวโลก

เคยเห็น favicon กันมั้ย หน้าตาสวย ๆ แบบนี้.. (เหมือนอันล่างสุดน่ะ ดูดีมีสไตล์มั่ก ๆ)



icon เล็ก ๆ ที่อยู่หน้า url ตัวนี้ เรียกกันว่า favicon (เฟฟ' ไอคอน) มาจากคำว่า favourite+icon นั่นเอง หรือจะเรียก web title icon หรือจะเรียก bookmark icon หรือจะเรียก logo หรือจะเรียก ตุ่ม ไต อะไรก็ได้...เพ้อแล้ว
ทำไปเพื่ออะไรกันครับ favicon เนี่ย คำตอบคือมันสวยดี แป่ววววว ไม่ช่ายยย... ก็น่าจะมีไว้ก็เพื่อให้หน้าเวบเราหาง่ายขึ้นนะ เวลาเราเปิดหลาย ๆ tab แล้วไอ้ เจ้า icon เล็ก ๆ เนี่ยยังบ่งบอกความเป็นเว็บของคุณด้วยน๊า ว่ามันดูดีมีสไตล์ขนาดไหน วิธีการทำก็ไม่ต้อง download plug-in มาลง photoshop ให้ save เป็นนามสกุล .ico อ๊ะยุ่งยาก ไม่ต้องสร้างภาพเอง ให้เป็นขนาดเท่านั้นเท่านี้ อ๊ะยุ่งยากไป

วิธีการง่าย ๆ ที่จะทำกันแบบหน้าด้าน ๆ เลย
1. เปิดภาพขึ้นมาก่อน ด้วยโปรแกรม photoshop (ภาพนี้มาจาก emotion ใน msn คมชัดดีด้วย เอารูปส้งตีนนี่ล่ะ)



2. กำหนดภาพมาให้มีขนาด 16×16 pixel กด ok ไป
จากนั้นก็ save ภาพเป็น .gif ให้มีพื้นหลังเป็น transparent

3.เข้าไปที่ web graphicsguru click ที่ online favicon generator ตามภาพเลยครับ

4. (1) browse ภาพที่เราทำไว้ขึ้นมา
(2) กด generate
(3) กด download ก็จะได้ไฟล์รูปส้งตีนชื่อ “favicon.ico” มาอยู่ในเครื่องแล้ว

5. หลังจากเราได้ไฟล์ favicon.ico มา ให้หา host ฝากไฟล์ที่รองรับไฟล์นามสกุล .ico ได้ เท่าที่ลองหาเนี่ยยังไม่เจอเลยครับ ใครรู้ก็บอกด้วย ของกระผ๋มเอาไฟล์นี้ไปฝากไว้ที่ host ของเพื่อน

6. ขั้นตอนสุดท้าย ก็ใส่โค้ด นี้ในส่วน manage > links



*yourhost นะครับฝากไว้ที่ไหนก็ใส่ path ให้ถูกต้องนะครับ



** IE ปลาร้านะครับ ต้อง V.7 นะครับถึงจะมองเห็น favicon

หรือจะลองจากเวบอื่น ๆ ก็ได้ครับ
http://www.html-kit.com/favicon/
http://tools.dynamicdrive.com/favicon/