Favicon นั้นสำคัญไฉน+แนะนำวิธีการสร้าง

favicon คืออะไร เคยได้ยินแต่ไม่รู้จัก แล้วทำยากหรือป่าว คำถามเหล่านี้จะหมดไป เมื่อคุณอ่านบทความนี้

favicon คืออะไร?
Favicon มาจากคำสองคำ คือ คำว่า faverite+icon=favicon เป็นภาพสี่เหลี่ยมเล็กๆ ขนาด 16 × 16 พิกเซล ซึ่งจะถูกใช้โดยเว็บเบราเซอร์ที่จะแสดงการแสดงกราฟิกของเว็บไซต์ที่มีการเข้าเยี่ยมชมที่ด้านซ้ายของแถบของเบราเซอร์ ซึ่งมีต้นกำเนิดมาจาก Microsoft’s Internet Explorer 5

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

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

ส่วนเว็บด้านล่างนี้เอาไว้ดูเป็นไอเดียในการสร้าง

วิธีนำไปใช้ก็เพียงแค่ อัพโหลด ไฟล์ .ico ของคุณลงบนโฮสต์ แล้ว path ชื่อไฟล์ให้ถูกต้อง ตามโค้ดด้านล่างนี้ ใส่ส่วนของ head ของ ไฟล์ index.htnl

<link rel="shortcut icon" type="image/x-icon" href="http://yourwebsite.com/favicon.ico">

แต่หากคุณใช้ wordpress ก็นะไปใส่ตรง head ในไฟล์ของ header.php (หรือปลั๊กอิน User avata)

<link rel="shortcut icon" type="image/x-icon" href="<?php bloginfo('url') ?>/favicon.ico">

ที่มา : www.webdesignerdepot.com

sanyaindy

เป็นเว็บบล็อกเล็กๆ ที่สอนกราฟิก และงานออกแบบพื้นฐาน และนำเสนอผลงานสร้างแรงบันดาลใจในการออกแบบ รวมไปถึงงาน DIY ซึ่ง Blogger เพียงแค่นักศึกษาไอที ที่มีใจรักในงานออกแบบ รักการเป็นบล็อกเกอร์และ ฝันว่าสักวัน จะเป็นเป็นเจ้าของเว็บไซต์ที่ทุกคนรู้จัก

You may also like...