favicon คืออะไร?คอลเลกชัน URL ไอคอนขนาดเล็ก ico เครื่องกำเนิดการผลิตออนไลน์

เมื่อคุณเข้าชม บล็อก ของเฉิน เว่ยเหลียงโดยใช้Google Chromeไอคอนเว็บไซต์ขนาดเล็กจะปรากฏขึ้นด้านหน้าแท็บเบราว์เซอร์และแถบที่อยู่

ธีม WordPressบางธีมมีฟังก์ชันในตัวสำหรับอัปโหลดไอคอนรายการโปรด

ไอคอน Favicon คืออะไร?

ตามชื่อของมัน favicon ที่เรียกว่าเป็นตัวย่อของ Favorites Icon (ไอคอนที่ชื่นชอบ)

• ช่วยให้รายการโปรดของเบราว์เซอร์แยกแยะเว็บไซต์ต่างๆ ด้วยไอคอนนอกเหนือจากชื่อที่เกี่ยวข้อง

แน่นอน ตามเบราว์เซอร์ที่แตกต่างกัน โหมดการแสดงผลของ Favicon ก็แตกต่างกันเช่นกัน:

• ในเบราว์เซอร์หลักส่วนใหญ่ เช่น FireFox และ Internet Explorer (เวอร์ชัน 5.5 ขึ้นไป)
• favicon ไม่เพียงปรากฏในรายการโปรด แต่ยังปรากฏในแถบที่อยู่ด้วย
• ผู้ใช้สามารถลากและวางไอคอนบนเดสก์ท็อปเพื่อสร้างทางลัดของเว็บไซต์
• นอกจากนี้ยังมีส่วนขยายมากมายสำหรับเบราว์เซอร์แบบแท็บ เช่น FireFox รองรับไอคอนรูปแบบภาพเคลื่อนไหว ฯลฯ...
• ไอคอน favicon.ico เป็นภาพขนาดย่อของเว็บไซต์ ซึ่งสามารถแสดงบนแท็บเบราว์เซอร์ ที่ด้านซ้ายของแถบที่อยู่ และในรายการโปรด

นี่คือโลโก้รูปขนาดย่อที่แสดงบุคลิกของเว็บไซต์

• หากคุณต้องการทำให้เว็บไซต์ของคุณดูเป็นมืออาชีพมากขึ้น อาจกล่าวได้ว่าเป็นรูปอวาตาร์ของเว็บไซต์
• หากคุณต้องการทำให้เว็บไซต์ของคุณสวยงามและเป็นส่วนตัวมากขึ้น favicon.ico เป็นสิ่งจำเป็น

ดังนั้นคุณสามารถใช้เครื่องมือแปลงไอคอน ICO บนเว็บไซต์นี้เพื่อตอบสนองความต้องการของคุณได้อย่างง่ายดาย

ในกระบวนการสร้างเว็บไซต์ด้วย WordPress จำเป็นต้องสร้างโลโก้ส่วนบุคคลที่ตรงกับธีมของเว็บไซต์ ซึ่งเกี่ยวข้องโดยตรงกับการสร้างแบรนด์ที่ประสบความสำเร็จของเว็บไซต์

จากมุมมองหนึ่ง นี่ก็ยังจัดอยู่ ในขอบเขตของ การโปรโมทออนไลน์ บนเว็บไซต์ อยู่ดี

เพื่อให้ประสบความสำเร็จ ไม่เพียงแต่มีการออกแบบหน้าเว็บที่ดี โลโก้เว็บไซต์ที่น่าประทับใจเท่านั้น แต่ยังรวมถึงไอคอนต่างๆ ด้วย:

• จากมุมมองทางเทคนิคที่เฉพาะเจาะจง favicon ไม่เพียงแต่มอบรูปลักษณ์และความรู้สึกที่เป็นมืออาชีพให้กับผู้คน แต่ยังช่วยลดการใช้แบนด์วิดท์ของเซิร์ฟเวอร์ในระดับหนึ่ง:
• โดยทั่วไป เพื่อเพิ่มความสามารถในการใช้งานของไซต์ เราจะสร้างไฟล์ข้อผิดพลาด 404 ที่กำหนดเองสำหรับเว็บไซต์ของเรา
• ในกรณีนี้ หากเว็บไซต์ไม่มีไฟล์ favicon.ico ที่สอดคล้องกัน เว็บเซิร์ฟเวอร์จะเรียกไฟล์ 404 ที่กำหนดเองนี้และบันทึกไว้ในบันทึกข้อผิดพลาดของเว็บไซต์ ซึ่งควรหลีกเลี่ยงอย่างชัดเจน

Favicon.ico เพิ่มและใช้งานอย่างไร?

ระหว่าง head และ /head ของโค้ดเว็บแอปพลิเคชัน ให้เพิ่มโค้ดต่อไปนี้ ▼

<head>
...
<link rel="shortcut icon" href="/th/favicon.ico"/>
<link rel="bookmark" href="/th/favicon.ico"/>
...
</head>

สร้างภาพขนาด 16x16 พิกเซล, 32x32 พิกเซล หรือ 48x48 พิกเซล โดยใช้ โปรแกรมกราฟิกที่คุณชื่นชอบ แล้วบันทึกเป็นไฟล์ภาพในรูปแบบ .png, .gif หรือ .jpg

จะสร้างไอคอน favicon.ico แบบโปร่งใสได้อย่างไร

ขั้นตอนที่ 1:สร้างไอคอน PNG โปร่งใสโดยใช้ Photoshop

ขั้นตอนที่ 2:เปิดโปรแกรมสร้าง favicon.ico ออนไลน์ ▼

ขั้นตอนที่ 3:เลือกดูภาพที่บันทึกไว้ใหม่

ขั้นตอนที่ 4:คลิก: "สร้างไอคอน favicon.ico ออนไลน์"

ขั้นตอนที่ 5:ทำตามคำแนะนำเพื่ออัปโหลดไฟล์ไปยังไดเร็กทอรีหลักของเว็บไซต์

จะอัพเดทไอคอน Favicon.ico ได้อย่างไร?

1. ปิดเบราว์เซอร์ที่เปิดอยู่ทั้งหมดและล้างแคชของเบราว์เซอร์
2. เปิดเว็บไซต์และเพิ่มรายการโปรด
3. ปิดเบราว์เซอร์ทั้งหมด เปิดเว็บไซต์อีกครั้งและอัปเดต

หากตอนนี้ไอคอน favicon.ico ยังไม่ได้รับการอัปเดต โปรดรอสักครู่ก่อนที่จะเปิดความพยายามในการเรียกดู

หากคุณใช้ Firefox หรือ Chrome การอัปเดตจะง่ายกว่า:

• การเรียกดูในโหมดส่วนตัวใน Firefox และ Chrome จะอัปเดตแคชของไอคอน favicon.ico