Favorites Icon ใส่ icon หน้า URL

โพสต์โดย: admin | เมื่อ: 2015-1-19 11:36| เปิดอ่าน: 5076| ความคิดเห็น: 0

icon หน้า URL เรียกว่า Favorites Icon เป็นคุณลักษณะที่ทำให้มันเป็นที่จะเชื่อมโยงโลโก้พิเศษหรือกราฟิก ที่มีขนาดเล็กหน้าเว็บ favicon จะปรากฏมักจะไปที่ที่อยู่เว็บไซต์เหมือนวิธีที่ไอคอนทางลัดที่ใช้บนเดสก์ทอปของคอมพิวเตอร์ที่จะแยกโปรแกรมคอมพิวเตอร์และแฟ้ม favicons สามารถถูกใช้เพื่อกำหนดหรือแบรนด์เว็บไซต์ เพื่อความสวยงาม บ่งบอกถึงเว็บไซต์ต่างๆ  ปัจจุบันเบราว์เซอร์หลักที่สนับสนุน  favicons มีดังนี้ Internet Explorer 5 / 6 +, Firefox 1 +, Mozilla 1 +, Netscape 7 +, Opera 7 +, Konqueror 3 +, Safari
วิธีทำ Icon ของเว็บไซต์
1. เตรียมรูปภาพที่จะทำ Icon ขนาด 16x16 พิกเซล  Save เป็น สกุล .gif , .jpg, .bmp หรือ .png ก็ได้

2. เมื่อได้รูปแล้วต้องเอารูปไปแปลงเป็นไฟล์สกุล .ico ซึ่งเราสามารถใช้โปรแกรมแปลงไฟล์ เช่น AWicons Lite , AtoBsoft PNG to ICO Converter  หรือตามเว็บที่ให้แปลงไฟล์ก็ได้ โดย เข้าไปที่ URL ดังนี้ http://tools.dynamicdrive.com/favicon/  หรือ  http://favicon.htmlkit.com/favicon/

8.jpg

3. กด Browse หรือกดเรียกดู เพื่อเลือกไฟล์ที่รูปภาพ

9.jpg
4.เลือกเสร็จก็กด Upload it! รอซักพัก แล้วแต่ขนาดไฟล์  ถ้ารูปใหญ่ก็รอนาน

10.jpg
      ดูตรง Host It at IconJ.com: (Direct Link) แล้วก็อปโค้ดมา
สำหรับตำแหน่งที่วางโค๊ดนี้ลงไปให้วางไว้ในแท็ก HEAD  ตัวอย่าง
<head>

<link rel=”shortcut icon” href=” URL รูปไอคอน .ico”>
หรือ  <link rel="shortcut icon" href="URL รูปไอคอน .gif" type="image/gif">      ( กรณีเป็นภาพเคลื่อนไหว )
หรือ  <link rel="shortcut icon" href="http://www.เว็บคุณ.com/ URL รูปไอคอน .ico">
</head>
สำหรับทำแล้วไม่ขึ้นให้ดูข้อควรระวังตามนี้
1. ไฟล์เป็นไฟล์ .ico หรือไม่
2. ไฟล์ icon เรียกใช้ถูกที่หรือไม่
3. ตรวจสอบ Version เบราว์เซอร์ที่สนับสนุน


ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้