วิธีใส่ Favicon ลงในเว็บไซต์ของคุณ
by NinNin on May 27th, 2008
Favicon คืออะไร?
เคยสงสัยไหมว่าบางเว็บไซต์ ทำไมถึงมีรูปไอคอนเล็กๆ ปรากฏใน address bar แล้วทำยังไงเว็บเราถึงจะมีกับเขาบ้าง ไอคอนหรือรูปเล็กๆ ที่ว่านั้นเราเรียกว่า Favicon ซึ่งย่อมาจาก Favorites Icon เป็นไอคอนหรือรูปภาพ มีขนาด 16 x 16 pixels ซึ่งจะปรากฏที่ address bar, bookmark หรือ favorites ฯลฯ
วิธีสร้าง Favicon
- สร้างภาพหรือไอคอนที่ต้องการขนาด 16 x 16 pixels
- saveไฟล์ในชื่อ favicon.ico (ดูโปรแกรมฟรีสำหรับสร้างไฟล์นามสกุล ico
โปรแกรมฟรีสำหรับสร้างไฟล์นามสกุล ico
- GIMP
- ICO (Windows Icon) Format (ฟรีปลั๊กอินสำหรับโปรแกรม Photoshop)
- บริการแปลงไฟล์ฟรีอย่างเช่น www.favicon.co.uk หรือ www.htmlkit.com/services/favicon/
ใส่ Favicon ลงในเว็บไซต์
- อัพโหลดไฟล์ favicon.ico ไปไว้ที่ root directory ของเว็บไซต์
- ในหน้า (x)html ในส่วน <head></head> ให้ใส่
- <link rel=”icon” href=”favicon.ico” type=”image/x-icon”/> และ
- <link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” /> (พิเศษเฉพาะสำหรับ IE อีกแล้ว)
Tags: , favicon
Categories:
CSS & HTML
