ตั้งค่าไอคอนที่กำหนดเองสำหรับผู้อ่านเมื่อทำบุ๊กมาร์กเว็บไซต์ของคุณ
คุณเคยสังเกตเห็นไอคอนเล็ก ๆ น้อย ๆ ที่ปรากฏในบุ๊กมาร์กและในการแสดงแท็บของเว็บเบราเซอร์บางตัวหรือไม่? ที่เรียกว่าไอคอนรายการโปรดหรือ favicon
favicon เป็นส่วนสำคัญของการทำการตลาดในเว็บไซต์ของคุณ แต่คุณต้องแปลกใจว่ามีกี่เว็บไซต์ที่ไม่มี นี่เป็นสิ่งที่โชคร้ายเนื่องจากง่ายต่อการสร้างโดยเฉพาะอย่างยิ่งหากคุณมีกราฟิกและโลโก้สำหรับไซต์ของคุณแล้ว
การสร้าง Favicon ก่อนสร้างภาพของคุณ
ใช้โปรแกรมกราฟิกสร้างภาพที่มีขนาด 16 x 16 พิกเซล เบราว์เซอร์บางรุ่นสนับสนุนขนาดอื่น ๆ เช่น 32 x 32, 48 x 48 และ 64 x 64 แต่คุณควรทดสอบขนาดที่ใหญ่กว่า 16 x 16 ในเบราว์เซอร์ที่คุณสนับสนุน โปรดจำไว้ว่า 16 x 16 มีขนาดเล็กมากดังนั้นลองใช้เวอร์ชันต่างๆกันจนกว่าคุณจะสร้างภาพที่จะใช้ได้กับไซต์ของคุณ วิธีหนึ่งที่ผู้คนจำนวนมากทำเช่นนี้ก็คือการสร้างภาพที่มีขนาดใหญ่กว่าขนาดที่เล็กและปรับขนาดลง นี้สามารถทำงานได้ แต่มักจะภาพขนาดใหญ่ไม่ดูดีเมื่อหด
เราชอบที่จะทำงานกับขนาดเล็ก ๆ โดยตรงจากนั้นก็ชัดเจนมากขึ้นว่าภาพจะดูที่ปลาย คุณสามารถซูมมุมมองของโปรแกรมกราฟิกและสร้างภาพ จะดูเป็นก้อนเมื่อซูมออก แต่ก็ไม่เป็นไรเพราะจะไม่ชัดเจนเท่าที่จะไม่ซูมออก
คุณสามารถบันทึกภาพเป็น ไฟล์ประเภทรูปภาพที่ คุณต้องการ แต่ไอคอนเครื่องกำเนิดไฟฟ้าหลาย ๆ เครื่อง (กล่าวถึงด้านล่าง) สามารถรองรับ ไฟล์ GIF หรือ BMP เท่านั้น นอกจากนี้ ไฟล์ GIF ใช้สีเรียบและเหล่านี้มักจะแสดงได้ดีขึ้นในพื้นที่ขนาดเล็กกว่าภาพ JPG ทำ
การแปลงภาพ Favicon ไปยังไอคอน
เมื่อคุณมีภาพที่ยอมรับได้คุณจะต้องแปลงเป็นรูปแบบไอคอน (.ICO)
หากคุณกำลังพยายามสร้างไอคอนของคุณได้อย่างรวดเร็วคุณสามารถใช้เครื่องกำเนิดไฟฟ้า Favicon ออนไลน์ได้เช่น FaviconGenerator.com เครื่องกำเนิดไฟฟ้าเหล่านี้ไม่ได้มีคุณสมบัติมากเท่ากับซอฟต์แวร์สร้างไอคอน แต่สามารถใช้งานได้อย่างรวดเร็วและทำให้คุณได้รับ favicon ภายในเวลาเพียงไม่กี่วินาที
Favicons เป็นภาพ PNG และรูปแบบอื่น ๆ
เบราว์เซอร์ที่มากขึ้นจะสนับสนุนมากกว่าไฟล์ ICO เป็นไอคอน ตอนนี้คุณสามารถมี favicon ในรูปแบบต่างๆเช่น PNG, GIF, GIF ภาพเคลื่อนไหว, JPG, APNG และแม้แต่ SVG (ใน Opera เท่านั้น) มีปัญหาด้านการสนับสนุนในเบราว์เซอร์หลายประเภทสำหรับส่วนใหญ่และ Internet Explorer สนับสนุนเฉพาะ ICO ดังนั้นถ้าคุณต้องการให้ไอคอนของคุณแสดงใน IE คุณควรติดอยู่กับ ICO
กำลังเผยแพร่ไอคอน
ง่ายที่จะเผยแพร่ไอคอนเพียงแค่อัปโหลดไปยังไดเรกทอรีรากของเว็บไซต์ของคุณ ตัวอย่างเช่นไอคอน Thoughtco.com ตั้งอยู่ที่ /favicon.ico
เบราว์เซอร์บางประเภทจะค้นหา favicon หากอยู่ในรากฐานของเว็บไซต์ของคุณ แต่เพื่อผลลัพธ์ที่ดีที่สุดคุณควรเพิ่มลิงก์จากหน้าเว็บทุกหน้าในไซต์ของคุณที่คุณต้องการ favicon นอกจากนี้ยังช่วยให้คุณสามารถใช้ไฟล์ชื่ออื่นนอกเหนือจาก favicon.ico หรือเก็บไว้ในไดเร็กทอรีที่ต่างกัน