top of page

Favicon สำคัญต่อการทำเว็บไซต์อย่างไร❓


Favicon สำคัญต่อการทำเว็บไซต์อย่างไร❓  📍Favicon คืออะไร? Favicon คือรูปเล็กๆ ที่เป็นสัญลักษณ์แทนเว็บไซต์ เกิดจากการผสมคำสองคำ คือ Favorite และ Icon เดิมเป็นไฟล์รูปภาพนามสกุล .ico ที่มีขนาด 16 x 16 pixel นิยมใช้เป็นรูปโลโก้ของเว็บไซต์ ใช้บนบราว์เซอร์ โดยเป็นรูปที่มีขนาดเล็กจึงไม่รบกวนการโหลดของเว็บไซต์ ปัจจุบันมีนามสกุลไฟล์เป็นได้ทั้ง .co, .gif และ .png รวมถึงขนาดก็เพิ่มขึ้นเป็น 32 x 32, 48 x 48 และ 64 x 64 pixel  📍ประโยชน์ของ Favicon 1. ทำให้จดจำเว็บไซต์นั้นได้ง่ายขึ้น Icon เป็นสิ่งที่เป็นเหมือนสัญลักษณ์ และ Favicon เป็น Icon เล็กๆ ที่ทำให้คนจดจำและรู้ทันทีว่านี่หมายถึงเว็บไซต์อะไร เพราะประกอบด้วยเส้น สี รูปร่างที่เป็นเอกลักษณ์ จดจำง่าย ไม่เหมือนข้อความยาวๆ หรือรูปภาพ  2. แสดงบน Address Bar ของ Web Browser เวลาเราใช้งาน Web Browser เป็นเรื่องปกติที่เราจะเปิดหน้าต่างไว้หลายแท็บ การที่มี Favicon ปรากฏอยู่ที่ Address Bar จะทำให้การใช้งานง่ายขึ้น เพราะดูง่ายว่าหน้าต่างไหนคือเว็บไซต์อะไร  3. แสดงบนแถบบุ๊กมาร์ก Favicon เป็นไอคอนเล็กๆ ที่ปรากฏบนแถบ Bookmark เมื่อเรากด Favorite หน้าเว็บไซต์นั้นเอาไว้ โดยเราสามารถคลิกเพื่อไปยังเว็บไซต์นั้นได้อย่างรวดเร็ว  📍การสร้างไฟล์ Favicon 1. เตรียมไฟล์ภาพสำหรับทำ Favicon โดยไฟล์ภาพต้องมีนามสกุลเป็น .ico, .gif หรือ .png และมีขนาดภาพตั้งแต่ 16×16, 32×32, 48×48, ไปจนถึง 64×64 pixel ขึ้นอยู่กับ Web Browser ซึ่งสามารถแปลงไฟล์ภาพโดยใช้โปรแกรมต่างๆ เช่น Photoshop หรือใช้บริการแปลงไฟล์จากเว็บไซต์ต่างๆ ก็ได้  2. อัพโหลดไฟล์แล้วติดโค้ด อัพโหลดไฟล์ลงบน Host แล้ว Path ชื่อไฟล์ให้มีลักษณะตามโค้ดด้านล่างนี้ โดยตรงชื่อเว็บไซต์ (yourwebsite) ต้องเป็นเว็บไซต์ของเรา จากนั้นนำไปใส่ส่วน head ของไฟล์ index.html  ----------------------------------------------------------------------------------- สนใจบริการดูแลการตลาดออนไลน์ | ทำการตลาดออนไลน์ | ทำกราฟฟิคครบวงจร | สามารถติดต่อเราได้ตลอด  | รับสร้างแบรนด์  | รับทำการตลาดออนไลน์  | รับทำแผนการตลาดออนไลน์  | รับสร้างแบรนด์  | รับดูแล Facebook แฟนเพจ  | รับดูแล LINE OA    สามารถติดต่อเราได้ตลอด 24 ชั่วโมง   รายละเอียดบริการดูแลการตลาดออนไลน์ >> https://www.chatstickmarket.com/langran  ตัวอย่าง ผลงานแบรนด์ต่างๆ ที่เราดูแลการตลาดออนไลน์ให้ >>https://www.chatstickmarket.com/portfolio  ------------------------------------------------------------------------------------  💙ปรึกษาทีมงานของเรา💙 📱Tel : 0840104252 📱0947805680 สายด่วนออฟฟิศ : 034-900-165 , 02-297-0811 (จันทร์-ศุกร์) 📨 Inbox : http://m.me/ChatStick.TH  ┏━━━━━━━━━┓ 📲 LINE: @chatstick ┗━━━━━━━━━┛ หรือคลิ๊ก https://goo.gl/KuzCpM  🎉รายละเอียดที่ http://www.chatstickmarket.com/langran  🎉ชมผลงานเราได้ที่ https://www.chatstickmarket.com/portfolio

Favicon สำคัญต่อการทำเว็บไซต์อย่างไร


📍Favicon คืออะไร?

Favicon คือรูปเล็กๆ ที่เป็นสัญลักษณ์แทนเว็บไซต์ เกิดจากการผสมคำสองคำ คือ Favorite และ Icon เดิมเป็นไฟล์รูปภาพนามสกุล .ico ที่มีขนาด 16 x 16 pixel นิยมใช้เป็นรูปโลโก้ของเว็บไซต์ ใช้บนบราว์เซอร์ โดยเป็นรูปที่มีขนาดเล็กจึงไม่รบกวนการโหลดของเว็บไซต์ ปัจจุบันมีนามสกุลไฟล์เป็นได้ทั้ง .co, .gif และ .png รวมถึงขนาดก็เพิ่มขึ้นเป็น 32 x 32, 48 x 48 และ 64 x 64 pixel


📍ประโยชน์ของ Favicon

1. ทำให้จดจำเว็บไซต์นั้นได้ง่ายขึ้น

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


2. แสดงบน Address Bar ของ Web Browser

เวลาเราใช้งาน Web Browser เป็นเรื่องปกติที่เราจะเปิดหน้าต่างไว้หลายแท็บ การที่มี Favicon ปรากฏอยู่ที่ Address Bar จะทำให้การใช้งานง่ายขึ้น เพราะดูง่ายว่าหน้าต่างไหนคือเว็บไซต์อะไร


3. แสดงบนแถบบุ๊กมาร์ก

Favicon เป็นไอคอนเล็กๆ ที่ปรากฏบนแถบ Bookmark เมื่อเรากด Favorite หน้าเว็บไซต์นั้นเอาไว้ โดยเราสามารถคลิกเพื่อไปยังเว็บไซต์นั้นได้อย่างรวดเร็ว


📍การสร้างไฟล์ Favicon

1. เตรียมไฟล์ภาพสำหรับทำ Favicon

โดยไฟล์ภาพต้องมีนามสกุลเป็น .ico, .gif หรือ .png และมีขนาดภาพตั้งแต่ 16×16, 32×32, 48×48, ไปจนถึง 64×64 pixel ขึ้นอยู่กับ Web Browser ซึ่งสามารถแปลงไฟล์ภาพโดยใช้โปรแกรมต่างๆ เช่น Photoshop หรือใช้บริการแปลงไฟล์จากเว็บไซต์ต่างๆ ก็ได้


2. อัพโหลดไฟล์แล้วติดโค้ด

อัพโหลดไฟล์ลงบน Host แล้ว Path ชื่อไฟล์ให้มีลักษณะตามโค้ดด้านล่างนี้ โดยตรงชื่อเว็บไซต์ (yourwebsite) ต้องเป็นเว็บไซต์ของเรา จากนั้นนำไปใส่ส่วน head ของไฟล์ index.html


-----------------------------------------------------------------------------------

สนใจบริการดูแลการตลาดออนไลน์ | ทำการตลาดออนไลน์ | ทำกราฟฟิคครบวงจร | สามารถติดต่อเราได้ตลอด | รับสร้างแบรนด์ | รับทำการตลาดออนไลน์ | รับทำแผนการตลาดออนไลน์ | รับสร้างแบรนด์ | รับดูแล Facebook แฟนเพจ | รับดูแล LINE OA สามารถติดต่อเราได้ตลอด 24 ชั่วโมง

รายละเอียดบริการดูแลการตลาดออนไลน์

ตัวอย่าง ผลงานแบรนด์ต่างๆ ที่เราดูแลการตลาดออนไลน์ให้

------------------------------------------------------------------------------------


💙ปรึกษาทีมงานของเรา💙

📱Tel : 0840104252 📱0947805680

สายด่วนออฟฟิศ : 034-900-165 , 02-297-0811 (จันทร์-ศุกร์)

┏━━━━━━━━━┓

📲 LINE: @chatstick

┗━━━━━━━━━┛

หรือคลิ๊ก https://goo.gl/KuzCpM

🎉รายละเอียดที่ http://www.chatstickmarket.com/langran

🎉ชมผลงานเราได้ที่ https://www.chatstickmarket.com/portfolio

แท็ก:

ดู 82 ครั้ง
CS_Redesign_คอนเทนต์เดิม2_2.png
CS_Redesign_คอนเทนต์เดิม3.png
Recent Posts
c24f0332fa3b87f8a304140403b893510_64100212_210625.jpg
244712625_300456528129611_2152723951836713111_n.jpg
5.png
4.png
Button Event สติกเกอร์.png
2.png
Button ChatStick Market.png
bottom of page