favicon เป็นไอคอนที่กำหนดเองที่เกี่ยวข้องกับหน้าเว็บหรือเว็บไซต์ที่ปรากฏถัดจากที่อยู่ http ในหน้าต่าง URL ของเบราว์เซอร์ มันจะใช้แท็บเปิดในเบราว์เซอร์ที่เปิดใช้งานแท็บและจะแสดงถัดจากลิงก์ที่คั่นหน้า คำนี้รวมคำว่า "รายการโปรด" และ "ไอคอน" Microsoft Internet Explorer เวอร์ชัน 5.0 แนะนำความสามารถในการแสดง favicons ตามด้วยเบราว์เซอร์หลักอื่น ๆ Firefox, Netscape, Opera, Safari และ Konquerer เป็นหนึ่งในเบราว์เซอร์จำนวนมากที่รองรับคุณสมบัตินี้
favicon มีขนาดเล็กจนวัดเป็นพิกเซล พิกเซลคือหน่วยการวัดที่เล็กที่สุดบนหน้าจอคอมพิวเตอร์ พิกเซลซึ่งมีลักษณะคล้ายบล็อกเล็ก ๆ สามารถมองเห็นได้อย่างชัดเจนเมื่อดูหน้าจอแสดงผลผ่านแว่นขยาย favicon เป็นเพียง 16x16 พิกเซล, 32x32 หรือในกรณีของคอมพิวเตอร์ Macintosh บางครั้ง 64x64 หรือใหญ่กว่า
การออกแบบโลโก้สำหรับผืนผ้าใบขนาดเล็กนั้นไม่ใช่เรื่องง่ายดังนั้นจึงง่ายที่จะเริ่มต้นด้วยผืนผ้าใบขนาดใหญ่กว่าจากนั้นปรับขนาดรูปภาพใหม่อีกครั้ง เนื่องจากการลดขนาดรูปภาพอาจทำให้ความคมชัดลดลงจึงควรเริ่มต้นด้วยขนาดผ้าใบประมาณ 64x64 พิกเซล
ไอคอนเหล่านี้สามารถออกแบบในรูปแบบขาวดำ 16 สี 256 สีขึ้นไปโดยใช้โปรแกรมกราฟิกเกือบทุกชนิด เมื่อการออกแบบลดลงและบันทึกแล้วสามารถแปลงเป็นไฟล์ ไอคอน ได้ ไม่ใช่โปรแกรมกราฟิกทั้งหมดที่บันทึกไฟล์เป็นไฟล์. ico แต่มีโปรแกรมกราฟิกจำนวนมากที่สามารถใช้งานออนไลน์ที่เฉพาะเจาะจงสำหรับการสร้างและแปลงไฟล์. ico ด้วยการเปิดไฟล์. bmp, .jpg, .gif หรือไฟล์อื่น ๆ ในหนึ่งในโปรแกรมเหล่านี้และเลือก "บันทึกเป็น" คุณสามารถแปลงภาพเป็นรูปแบบ. ico ที่เหมาะสมและตั้งชื่อไฟล์ favicon.ico
ตอนนี้ไอคอนสามารถอัปโหลดไปยังไดเรกทอรีรากของเว็บไซต์ของคุณ เบราว์เซอร์จะค้นหาไฟล์นี้และแสดงหากพบ นอกเหนือจากการอัปโหลดไปยังเว็บไซต์ควรเพิ่มรหัสง่าย ๆ สองบรรทัดในส่วน <head> </head> ของหน้าเว็บดังที่แสดงด้านล่าง เปลี่ยน "website.com" เป็นชื่อเว็บไซต์จริงของคุณ:
<link rel="icon" href="http://website.com/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="http://website.com/favicon.ico" type="image/x-icon" />
หากเว็บไซต์ถูกคั่นไว้ใน Internet Explorer ก่อนที่จะมี favicon เว็บไซต์ใหม่อาจไม่แสดง ลบบุ๊กมาร์กล้างแคชของเบราว์เซอร์และเริ่มเบราว์เซอร์ใหม่ ตอนนี้ท่องเว็บไซต์ด้วยตนเองและคุณควรเห็น favicon คั่นหน้าเว็บไซต์เพื่อเพิ่มลงใน รายการโปรด
ในขณะที่ Internet Explorer ต้องการให้ favicon เป็นไฟล์. ico, Firefox, Netscape และเบราว์เซอร์ยอดนิยมอื่น ๆ สามารถแสดงไฟล์. gif, .jpg และ. png ได้ หากใช้ไฟล์ภาพชนิดอื่นที่ไม่ใช่. ico รหัสควรเปลี่ยนเพื่อให้สอดคล้องกับประเภทภาพที่ถูกต้อง ตัวอย่างเช่นหากใช้ favicon.png โค้ดจะอ่าน: type="image/png" /> แทนที่จะ type="image/x-icon" />
การเชื่อมโยง favicon กับเว็บไซต์สร้างการสร้างแบรนด์แบบภาพที่สามารถช่วยให้นักท่องเว็บเรียกคืนเว็บไซต์และเนื้อหาของคุณได้อย่างรวดเร็วด้วยที่บุ๊คมาร์คของเขาหรือเธอ ไม่ว่าจะเป็นโลโก้ขนาดเล็กหรือการออกแบบดั้งเดิมภาพของคุณจะสะท้อนสิ่งที่มีเนื้อหาตัวละครหรือชื่อของเว็บไซต์ มี บริษัท ออนไลน์หลายแห่งที่จะออกแบบ favicon ให้คุณหากต้องการ อย่างไรก็ตามสำหรับผู้ที่มีทักษะการใช้คอมพิวเตอร์ขั้นพื้นฐานการสร้างขึ้นมานั้นเป็นงานที่ง่ายและสนุกสนานที่สามารถใช้เวลาไม่กี่นาทีไปจนถึงช่วงบ่ายหรือเย็น
