ไอคอนสำหรับไซต์หรือที่เรียกกันบ่อยกว่านั้น ไอคอนคือสิ่งที่คุณสามารถเห็นได้ที่มุมข้างชื่อแท็บในเบราว์เซอร์ นอกจากนี้ ไอคอนจะแสดงตรงข้ามกับชื่อของไซต์ในรายการ "รายการโปรด" คุณยังสามารถดูได้เมื่อเครื่องมือค้นหาแสดงไซต์ของคุณในผลการค้นหา
มันจำเป็น
- - โลโก้เว็บไซต์
- - โฟโต้ชอป
- - ตัวแปลง favicon
คำแนะนำ
ขั้นตอนที่ 1
เปิดโลโก้เว็บไซต์ของคุณใน Adobe Photoshop หากไม่มีโลโก้ คุณสามารถถ่ายภาพอื่นได้ สิ่งสำคัญคือต้องเชื่อมโยงกับไซต์ของคุณเท่านั้น ประมวลผลรูปภาพโดยลบรายละเอียดที่ไม่จำเป็นทั้งหมดออก แล้วลดขนาดลงเหลือ 32 หรือ 16 พิกเซลในแต่ละด้าน จากนั้นบันทึกภาพเป็นไฟล์กราฟิก.png
ขั้นตอนที่ 2
เหนือสิ่งอื่นใด หากคุณสร้างไฟล์ที่มีความละเอียด 32x32 พิกเซล เนื่องจากบางครั้งผู้ใช้จะบันทึกทางลัดของไซต์ที่พวกเขาชอบบน "เดสก์ท็อป" และรูปภาพขนาด 16x16 พิกเซลก็ดูมีรายละเอียดไม่เพียงพอ อย่างไรก็ตาม โปรดทราบว่าในเบราว์เซอร์ ไอคอนของคุณจะยังคงปรับขนาดเป็น 16x16 พิกเซล รูปภาพเหล่านี้จะแสดงอยู่ในรายการโปรดและในชื่อ
ขั้นตอนที่ 3
ตอนนี้คุณต้องแปลงรูปภาพเป็นไฟล์ ico ซึ่งสามารถทำได้โดยใช้ปลั๊กอินสำหรับ Photoshop หรือใช้บริการอินเทอร์เน็ตฟรี เช่น https://favicon.ru/ มีปลั๊กอินและบริการมากมาย ซึ่งทำงานในลักษณะเดียวกัน ดังนั้นจึงไม่มีประโยชน์ที่จะให้คำแนะนำเฉพาะเจาะจง ไซต์เหล่านี้เรียกว่าตัวสร้าง favicon
ขั้นตอนที่ 4
เปลี่ยนชื่อไฟล์ผลลัพธ์เป็น favicon.ico
ขั้นตอนที่ 5
ไปที่แผงควบคุมของไซต์ของคุณและค้นหาไดเร็กทอรีรากที่มีหน้าแรกอยู่ โดยปกติคือ index.html หรือไฟล์อื่นที่ระบบจัดการเนื้อหาสร้างขึ้น อาจมีไอคอนชื่อ favicon.ico อยู่แล้ว ในกรณีนี้ ให้ลบไอคอนเก่าและแทนที่ด้วยไอคอนของคุณเอง
ขั้นตอนที่ 6
หากไดเรกทอรีรากไม่พร้อมใช้งานสำหรับคุณ เช่นเดียวกับในกรณีเหล่านั้นหากคุณเขียนโค้ดสำหรับไซต์ด้วยตนเอง คุณจำเป็นต้องแก้ไขหน้าทั้งหมดของไซต์ที่ไอคอนควรปรากฏ เปิดเพจในตัวแก้ไขและเพิ่มรายการในส่วนหัว
ขั้นตอนที่ 7
หากไอคอนไม่อยู่ในไดเร็กทอรีรูท แต่อยู่ที่อื่น ในพารามิเตอร์ href ให้เขียนพาธแบบเต็มของไฟล์