Favicon คืออะไร? คู่มือขั้นสูงสำหรับนักออกแบบเว็บไซต์

กราฟิกรูปไอคอนขนาดเล็กสามารถสร้างความแตกต่างอย่างมากในการสร้างตราสินค้าของเว็บไซต์ของคุณ แต่นักออกแบบและนักพัฒนาส่วนใหญ่ลืมเนื้อหากราฟิกนี้ มันเป็น favicon

คุณอาจจะถามว่า favicon คืออะไร? เป็นองค์ประกอบการออกแบบที่สำคัญของเว็บไซต์ของคุณที่ทำให้แบรนด์ของคุณแตกต่างจากคนทั่วไป

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

Favicon คืออะไร? 

คำว่า favicon มาจากการผสมคำสองคำ: "รายการโปรด" และ "ไอคอน" รายการโปรดอ้างอิงถึงส่วนบุ๊กมาร์กของเว็บเบราว์เซอร์โดยตรง ในทางกลับกัน ไอคอนหรือโลโก้เป็นเนื้อหากราฟิกที่สร้างแบรนด์ให้กับธุรกิจ บล็อก นิตยสารออนไลน์ หรือพื้นที่อีคอมเมิร์ซ

โดยปกติจะเป็นไอคอนขนาด 16 x 16 พิกเซล อย่างไรก็ตาม อาจเป็นเวอร์ชันที่เล็กกว่าของเว็บไซต์หรือโลโก้บริษัทของคุณก็ได้ ออกแบบตามชุดสี ฟอนต์ รูปภาพ และความชอบด้านศิลปะอื่นๆ ของเว็บไซต์ของคุณ

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

การวางตำแหน่งของ Favicon

นักออกแบบเว็บไซต์ระดับปรมาจารย์พิจารณา favicons เป็นสินทรัพย์ที่สำคัญของเว็บไซต์ เพราะคุณสามารถค้นหาไอคอนได้ในจุดยุทธศาสตร์ โดยปกติแล้ว ไอคอน favicon ของเว็บไซต์ของคุณจะแสดงที่นี่: 

• ทางด้านซ้ายของแท็บของเว็บเบราว์เซอร์
• เมนูประวัติของเว็บเบราว์เซอร์
• ในเมนูแบบเลื่อนลงของส่วนบุ๊กมาร์กของเว็บเบราว์เซอร์
• แอพของแถบเครื่องมือ
• ประวัติของเบราว์เซอร์
• กล่องค้นหา
• คำแนะนำแถบค้นหา 
• ในผลการค้นหา

SEO ความสำคัญของ Favicons

Favicons เป็นเครื่องมือทางอ้อมที่มีอิทธิพลต่อการจัดอันดับหน้าผลลัพธ์ของเครื่องมือค้นหา ( SERP ) ของเว็บไซต์ของคุณ นอกจากนี้ยังเป็นเนื้อหาเว็บไซต์ต้นทุนต่ำที่คุณสามารถเพิ่มลงในเว็บไซต์เก่าหรือใหม่ได้อย่างง่ายดาย นี่คือวิธีที่ไอคอน favicon ช่วยเพิ่มความพยายามในการปรับแต่งเว็บไซต์ให้ติดอันดับบนเครื่องมือการค้นหา (SEO) ของเว็บไซต์ของคุณ: 

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

ข้อมูลจำเพาะของ Favicon

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

ขนาด/ความละเอียดของภาพ Favicon

• สำหรับการใช้งานอเนกประสงค์ในเว็บเบราว์เซอร์ใดๆ favicon ขนาด 16 x 16 พิกเซลเป็นที่นิยม
• ไอคอน favicon ขนาด 24 x 24 พิกเซลเหมาะสำหรับหน้าปักหมุดของInternet Explorer
• 57 x 57 พิกเซลเป็นขนาดมาตรฐานสำหรับหน้าจอหลัก iOS
• แพลตฟอร์ม Google TV เลือกใช้ favicon ขนาด 96 x 96 พิกเซล
• Opera Speed ​​Dial ต้องการรูปภาพขนาด 195 x 195 พิกเซล
• favicons ระบบสัมผัสของ Apple ควรมีขนาด 180 x 180 พิกเซล

ประเภทไฟล์รูปภาพ Favicon 

ตัวเลือกแรกต้องเป็นประเภทไฟล์ ICO จาก Microsoft Windows คุณยังสามารถเลือกไฟล์ PNG, JPEG, SVG และ APNG สำหรับ favicons 

Favicon คืออะไร: คำสุดท้าย

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

เมื่อคุณได้อ่านบทความนี้แล้ว คุณน่าจะพบคำตอบสำหรับคำถามของคุณ "favicon คืออะไร" เชื่อมต่อกับนักพัฒนาเว็บไซต์ของคุณตอนนี้เพื่อเพิ่มไอคอนขนาดเล็กแต่ทรงพลังนี้หากเว็บไซต์ของคุณไม่มี

คุณอาจสนใจโซลูชันเว็บโฮสติ้งประเภท ต่างๆ เพื่อสร้างสถานะออนไลน์ที่มีประสิทธิภาพ