เมื่อคุณเยี่ยมชมเว็บไซต์ เช่น Google, Yahoo หรือ wikiHow คุณอาจเห็นไอคอนขนาดเล็กทางด้านซ้ายของแถบที่อยู่ ไอคอนนี้เรียกว่า favicon และคุณสามารถสร้างไอคอนสำหรับเว็บไซต์ของคุณเองได้ นอกจากจะทำให้ไซต์ดูเป็นมืออาชีพแล้ว ไอคอนนี้จะปรากฏในส่วนบุ๊กมาร์กของผู้ใช้ ถัดจากไซต์ที่พวกเขาทำเครื่องหมายว่าเป็นรายการโปรด ด้วยวิธีนี้ ผู้ใช้สามารถค้นหาไซต์ของคุณได้ง่ายขึ้น
ขั้นตอน
ขั้นตอนที่ 1. สร้างภาพที่มีขนาด 16 x 16 พิกเซล
ใช้รูปภาพง่ายๆ เพื่อระบุตัวตนได้ง่าย
ขั้นตอนที่ 2. แปลงรูปภาพเป็นไฟล์ “favicon.ico”
ต้องตั้งชื่อไฟล์ในลักษณะนั้นเพื่อให้เบราว์เซอร์จดจำได้ วิธีที่ง่ายที่สุดในการทำเช่นนี้คือการใช้บริการ Dynamic Drive FavIcon Generator คุณยังสามารถใช้โปรแกรมแก้ไขภาพ GIMP ฟรีและบันทึกภาพด้วยความละเอียด 16 x 16 พิกเซลในรูปแบบ ICO
ขั้นตอนที่ 3 อัปโหลดไฟล์ที่สร้างขึ้นไปยังเว็บไซต์
ขั้นตอนที่ 4 เพิ่มรหัสต่อไปนี้ลงใน HTML ของเว็บไซต์
คุณต้องเพิ่มลงในส่วนโค้ดและตรวจสอบให้แน่ใจว่าที่อยู่ไดเร็กทอรีไอคอนถูกต้องตามหน้าเว็บ นี่คือรหัสที่คุณต้องป้อน (สมมติว่าทั้งไฟล์.html และ.ico อยู่ในไดเร็กทอรีบน/หลักเดียวกัน):
ขั้นตอนที่ 5. โหลดหน้าซ้ำ ดู และชื่นชมไอคอนใหม่ที่สวยงามสำหรับเว็บไซต์ของคุณ
เคล็ดลับ
- แม้ว่าจะมีขนาดเล็กมาก แต่ให้แน่ใจว่าผู้คนสามารถอ่านหรือทำความเข้าใจไอคอนที่ใช้ได้อย่างง่ายดาย
- หากคุณกำลังใช้ระบบปฏิบัติการ Linux คุณสามารถแปลงไฟล์ได้โดยตรงจากคอมพิวเตอร์ของคุณ เลือกรูปภาพที่เหมาะสม เปิดโปรแกรมบรรทัดคำสั่ง (command line) ไปที่ไดเร็กทอรีที่เก็บไฟล์รูปภาพ แล้วพิมพ์: convert image-p.webp" />
