เมื่อคุณเรียกดูเว็บไซต์จำนวนมากคุณจะพบว่ามีไอคอนเล็ก ๆ ด้านหน้าแถบที่อยู่ของเบราว์เซอร์และยังมีไอคอนเล็ก ๆ ในตำแหน่งแท็กของเบราว์เซอร์ ตัวอย่างเช่น Baidu, Tencent และเว็บไซต์อื่น ๆ มีไอคอนดังกล่าว คุณต้องการเพิ่มไอคอนขนาดเล็กเช่นนี้ในเว็บไซต์ของคุณหรือไม่? ด้วยไอคอนเล็ก ๆ นี้เว็บไซต์ของคุณจะสะดุดตามากกว่าเว็บไซต์ของคนอื่นและจะดึงดูดความสนใจของผู้อื่น
Photoshop, flashfxp, notebook
ต้องการสร้างไอคอนขนาดเล็กในรูปแบบ ICO
ขั้นตอน/วิธี:
1. ใช้ Photoshop เพื่อสร้างไอคอนขนาดเล็กที่มีความกว้างและความสูง 32 พิกเซลและเก็บไว้ในรูปแบบ ICO หลังจากการผลิตเสร็จสมบูรณ์
2. ใช้ FlashFXP เพื่อดาวน์โหลดเว็บเพจในเครื่องและสำรองสำเนาซอร์สโค้ดเพื่อเปิดหน้าเว็บในกรณี
3. ค้นหาส่วนหัวของซอร์สโค้ดหน้าเว็บและแทรกรหัสต่อไปนี้ในส่วนหัว โปรดทราบว่าที่อยู่ใน HREF คือที่อยู่ที่คุณจัดเก็บไอคอน ICO และเขียนตามตำแหน่งบนเว็บไซต์ของคุณ
<link rel = Icon ทางลัด = image/x-icon href = http: //www.iswweb.com/images/favicon.ico Media = หน้าจอ/>
4. อัปโหลดไฟล์เว็บเพจที่แก้ไขแล้วไปยังโฮสต์เสมือนจริงจากนั้นจัดเก็บไฟล์ ICO ที่เตรียมไว้ในไดเรกทอรีเว็บไซต์รูปภาพของโฮสต์เสมือน
5. ภารกิจเสร็จสิ้นแล้ว! เปิดเบราว์เซอร์ IE และป้อน URL ของคุณเพื่อลองหรือไม่? มีไอคอนเล็ก ๆ แล้วหรือยัง?
รูปแบบของไอคอนขนาดเล็กจะต้องอยู่ในรูปแบบ ICO ที่มีความกว้างและความสูงทั้งหมด 32 พิกเซล
หากคุณไม่เห็นไอคอนเล็ก ๆ หลังจากทำตามขั้นตอนข้างต้นโปรดทำความสะอาดแคชของเบราว์เซอร์ IE หลังจากทำความสะอาดแคชแล้วคุณจะเห็นไอคอนเล็ก ๆ
ตำแหน่งการจัดเก็บของไอคอนขนาดเล็กจะต้องสอดคล้องกับตำแหน่งที่เก็บข้อมูลในรหัสมิฉะนั้นจะไม่แสดง