Skip to main content

Favicon คืออะไร?

A favicon เป็นไอคอนที่กำหนดเองที่เกี่ยวข้องกับหน้าเว็บหรือเว็บไซต์ที่ปรากฏถัดจากที่อยู่ HTTP ในหน้าต่าง URL ของเบราว์เซอร์นอกจากนี้ยังจะครอบครองแท็บเปิดในเบราว์เซอร์ที่เปิดใช้งาน TAB และจะแสดงถัดจากลิงก์บุ๊กมาร์กคำนี้รวมคำโปรดและไอคอน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

ไอคอนสามารถทำได้ตอนนี้จะถูกอัปโหลดไปยังไดเรกทอรีรูทของเว็บไซต์ของคุณเบราว์เซอร์จะค้นหาไฟล์นี้และแสดงหากพบนอกเหนือจากการอัปโหลดไปยังเว็บไซต์แล้วควรเพิ่มรหัสง่ายสองบรรทัดลงใน lt; head gt; lt;/head gt;ส่วนของหน้าเว็บดังที่แสดงด้านล่างเปลี่ยนเว็บไซต์ com เป็นชื่อเว็บไซต์จริงของคุณ:

lt; link rel ' icon href ' http: //website.com/favicon.ico type ' image/x-icon/ gt; lt; link rel 'ไอคอนทางลัด href ' http: //website.com/favicon.ico type ' image/x-icon/ gt;

หากเว็บไซต์เป็นที่คั่นหน้าใน Internet Explorer ก่อนที่จะมี Favicon ใหม่อาจไม่แสดงลบคั่นหน้าล้างแคชเบราว์เซอร์และรีสตาร์ทเบราว์เซอร์ตอนนี้ท่องด้วยตนเองไปที่เว็บไซต์และคุณควรเห็น Faviconบุ๊กมาร์กเว็บไซต์เพื่อเพิ่มลงในรายการโปรด

ในขณะที่ Internet Explorer ต้องการให้ Favicon เป็นไฟล์. ico, firefox, Netscape และเบราว์เซอร์ยอดนิยมอื่น ๆ ยังสามารถแสดงไฟล์. gif, .jpg และ .pngหากใช้ประเภทไฟล์รูปภาพนอกเหนือจาก. ICO ควรเปลี่ยนรหัสเพื่อสะท้อนประเภทภาพที่ถูกต้องตัวอย่างเช่นหากใช้ favicon.png รหัสจะอ่าน: type ' image /png / gt; มากกว่า type ' image /x-icon / gt;

การเชื่อมโยง favicon กับเว็บไซต์สร้างการสร้างแบรนด์ภาพที่สามารถช่วยให้นักโต้คลื่นระลึกถึงเว็บไซต์ของคุณและเนื้อหาของมันด้วยการมองอย่างง่าย ๆ ที่บุ๊กมาร์กของเขาหรือเธอไม่ว่าจะเป็นโลโก้ขนาดเล็กหรือการออกแบบดั้งเดิมภาพของคุณจะสะท้อนบางสิ่งบางอย่างของเนื้อหาไซต์ตัวละครหรือชื่อมี บริษัท ออนไลน์หลายแห่งที่จะออกแบบ Favicon สำหรับคุณหากต้องการอย่างไรก็ตามสำหรับผู้ที่มีทักษะคอมพิวเตอร์ขั้นพื้นฐานการสร้างหนึ่งเป็นงานที่เรียบง่ายและสนุกสนานที่สามารถใช้เวลาได้ทุกที่ตั้งแต่ไม่กี่นาทีถึงช่วงบ่ายหรือเย็น