Favicon คืออะไร

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

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

Favicon คืออะไร

เริ่มต้นด้วยการอธิบายว่าไอคอน Fav คืออะไรเพื่อให้คุณเข้าใจ และสำหรับสิ่งนี้ไม่มีอะไรดีไปกว่าการให้ตัวอย่างที่ใช้ได้จริง ลองนึกภาพว่าคุณกำลังเรียกดูในขณะนี้ (อันที่จริงคุณกำลังอ่านเราอยู่) แต่คุณไม่ได้มีเพียงแท็บเดียว แต่มีหลายแท็บ คุณอาจสังเกตเห็นว่าในแต่ละหน้าชื่อของสิ่งที่แสดงในหน้านั้นจะปรากฏขึ้นไม่ว่าจะเป็น YouTube (เพราะคุณกำลังฟังเพลงประกอบ), Gmail (เพราะคุณเปิดเมลของคุณไว้) หรือหน้านี้

ถัดจากชื่อแต่ละชื่อทางด้านซ้ายจะมีภาพขนาดเล็กปรากฏขึ้นในรูปสี่เหลี่ยมจัตุรัส โลโก้ที่มีอยู่บน YouTube และ Gmail จะระบุได้อย่างแน่นอน แต่ส่วนที่เหลือของแท็บล่ะ

สิ่งที่คุณเห็นคือ Favicon จริงๆ กล่าวอีกนัยหนึ่งก็คือไฟล์ ไอคอนที่เกี่ยวข้องกับหน้าที่คุณกำลังเยี่ยมชม นั่นคือเหตุผลว่าทำไมการใส่ใจรายละเอียดนี้จึงสำคัญมากเพราะเมื่อคุณเพิ่มเพจในรายการโปรดหรือทางลัดไอคอน Fav จะกลายเป็น "รูปภาพ" ของเพจนั้นและนั่นคือเหตุผลที่คุณต้องดูแลการออกแบบเพื่อให้ มีความเกี่ยวข้องกันอย่างสมบูรณ์แบบ (และเหนือสิ่งอื่นใดดูดีที่จะแยกแยะความแตกต่างจากผู้อื่น)

ไอคอนขนาดเล็กนี้มักจะมีชุดขนาด 16 × 16 พิกเซล (แม้ว่าจะตั้งค่าเป็น 32x32px ได้ก็ตาม) ภายในนั้นคุณต้องดูแลให้ทุกสิ่งที่คุณใส่นั้นถูกมองอย่างถูกต้องตั้งแต่นั้นมามิฉะนั้นจะปรากฏเป็นจุดที่สามารถระบุตัวตนได้เล็กน้อย (และนั่นจะทำให้ภาพลักษณ์ของคุณแย่มาก)

เหตุใด Favicon จึงมีความสำคัญ?

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

อย่างไรก็ตาม Favicon ยังมีประโยชน์อื่น ๆ เช่น:

• ทำหน้าที่ระบุเพจของคุณ โดยปกติไอคอน Fav นี้จะเกี่ยวข้องกับโลโก้ที่คุณมีบนเว็บไซต์ของคุณในขนาดที่เล็กกว่าเท่านั้น แต่เมื่อโลโก้ใหญ่เกินไปและจะไม่เห็นบนปุ่มเล็ก ๆ คุณมักจะเลือกสิ่งที่เกี่ยวข้องกับโลโก้นั้น
• คุณจะช่วยให้ผู้ใช้ที่บันทึกเพจของคุณสามารถระบุได้ด้วยภาพ. ดังนั้นแม้ว่าพวกเขาจะจำ url หรือชื่อ บริษัท ไม่ได้เนื่องจากรูปภาพของ Favicon จะพบมัน
• จะ "ดี" ด้วย SEO สิ่งนี้จะต้องมีเกลือเม็ดหนึ่ง และการมีหรือไม่มี favicon จะไม่ส่งผลโดยตรงต่อ SEO (นั่นคือจะไม่ทำให้คุณดีขึ้นหรือแย่ลงหากมีหรือไม่มี) ตอนนี้เป็นเรื่องปกติมากขึ้นเรื่อย ๆ เมื่อเบราว์เซอร์เข้าสู่หน้าเว็บจะมองหาไอคอน Fav นั้นและเมื่อไม่พบมันจะทำให้เกิดข้อผิดพลาด 404 และคุณรู้ว่าข้อผิดพลาดเหล่านี้ไม่ดีสำหรับ SEO ของ a หน้า.

วิธีสร้าง Favicon

หลังจากเห็นแล้วจะเห็นได้ชัดว่าไอคอน Fav เป็นองค์ประกอบที่จำเป็นเมื่อมีหน้าเว็บ ตอนนี้คุณจะทำอย่างไร?

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

แล้วตอนนี้เราจะสร้าง Favicon ได้อย่างไร? คุณมีหลายทางเลือก:

Photoshop, Gimp ...

กล่าวอีกนัยหนึ่งเรากำลังพูดถึงโปรแกรมแก้ไขภาพเนื่องจากไอคอน Fav ถูกสร้างขึ้นเหมือนกับรูปภาพทุกประการ แน่นอนคุณต้องบันทึกในรูปแบบ. ico เพื่อให้จดจำได้เช่นนี้เนื่องจากไม่สามารถปล่อยให้เป็น jpg, gif หรือคล้ายกันได้

วิธีการทำเช่นนี้ ช่วยให้คุณปรับแต่งไอคอน Fav ได้ดีขึ้นมาก จัดการสร้างตั้งแต่เริ่มต้นและทำให้เสร็จตามที่คุณต้องการ โดยปกติสำหรับสิ่งนี้คุณต้องทำงานกับภาพในขนาดปกติจากนั้นปรับให้เข้ากับขนาดของปุ่มนั้น

ตามความเป็นจริงแล้วควรอัปโหลดและทดสอบในเบราว์เซอร์ต่างๆเพื่อดูว่ามันดูดีเป็นตัวแทนหรือไม่และเหนือสิ่งอื่นใดเป็นที่เข้าใจ

การใช้เครื่องมือออนไลน์

ในกรณีนี้เราอ้างถึงหน้าเว็บที่ดูแลการแปลงรูปภาพที่คุณต้องการให้เป็นไอคอน Fav ภายในเวลาไม่กี่วินาที แต่คุณยังมีตัวเลือก ออกแบบไอคอน Fav ของคุณโดยตรงกับหน้าเหล่านั้น

หากคุณต้องการอดีต (อัปโหลดภาพและแปลง) เราขอแนะนำ Favicon Generator หรือ Favic-o-matic แต่ถ้าคุณต้องการอย่างหลัง (ออกแบบใหม่ตั้งแต่ต้น) ให้วางเดิมพันกับตัวแก้ไข favicon.io หรือ x-icon

ด้วย WordPress

เพจของคุณสร้างบน WordPress หรือไม่? และคุณรู้หรือไม่ว่าคุณสามารถใช้ระบบนั้นเพื่อสร้างไอคอน Fav ของคุณได้ สำหรับสิ่งนี้คุณสามารถใช้ปลั๊กอินบางตัวที่อนุญาตให้คุณสร้างปุ่มนี้ตามรูปภาพที่คุณอัปโหลด (หรือที่คุณอัปโหลด) ยังผ่าน "รูปลักษณ์ / ปรับแต่ง" คุณก็ทำได้

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