เข้าสู่ระบบ | สมัครสมาชิก
100Y DESiGN

WEBSITE GRAPHIC DESIGN

Favicon ทำไอคอนเว็บไซต์ วิธีการทำ Favicon เพื่อเอาไปเป็น icon ของเว็บไซต์ เพื่อทำให้เว็บไซต์มีเอกลักษณ์ โดดเด่น ไม่ยากอย่างที่คิด
เขียนโดย 100Y Design | 11 พฤษจิกายน 2554 เวลา 12:04:39 น. | ผู้เข้าชม 3334 ครั้ง

favicon คืออะไร
มันก็คือ icon ที่อยู่ตรง url หน้า http:// ที่บ่งบอกความเป็นเว็บของคุณนั่นเอง เช่นเดียวกับ icon ที่อยู่บนหน้า desktop




 

ทำไมต้องมี favicon
1. ทำให้เว็บเราดูสวยขึ้นเล็กน้อย อย่างผิดหูผิดตา (ถ้ามีคนช่างสังเกต เพราะว่ามันเล็กมาก 16x16 เท่านั้น)
2. ทำให้ผู้เยี่ยมชมสามารถจดจำเว็บเราได้ จากภาพ หรือสัญลักษณ์
3. เวลากด Bookmarks หรือ บันทึกหน้าเว็บไซต์นั้นไว้เป็นรายการโปรด จะเห็นไอคอนนั้นได้เด่นชัด



ขั้นตอนในการทำ favicon
1. เริ่มจากการทำรูปภาพเป็นไฟล์ .ico ขนาด 16x16 px เพื่อใช้เป็นรูปไอคอน อาจจะทำจากโปรแกรมแต่งภาพอื่นๆ ก่อนก็ได้ แล้วค่อยนำรูปไปแปลงให้เป็นไฟล์ .ico หรือทำจากโปรแกรมที่สามารถสร้าง .ico ได้เลย หรือทำจากเว็บไซต์ที่ให้บริการ เช่น  http://www.favicon.cc



ที่แนะนำเว็บนี้เพราะเป็นเว็บที่สะดวก ไม่ว่าจะสร้างภาพจากตัวเว็บไซต์นี้เลย (แต่ต้องมีหัวในการแต่งภาพแบบพิกเซลล์หน่อย คือการทำภาพที่ละจุดๆ) หรือสร้างภาพจากโปรแกรมอื่น เช่นโฟโต้ช๊อฟ แล้วเอามาแปลงเป็นไฟล์ .ico ที่เว็บไซต์นี้ก็ได้ และข้อดีอีกอย่างคือ เมื่อเรากำลังทำภาพอยู่นั้น จะมีการแสดงตัวอย่างตามแบบทันที ในช่องตัวอย่าง ทำให้เราเห็นรูปที่เราทำได้ทันทีเลยว่าสวยงามแค่ไหน พอสร้างภาพเสร็จเรียบร้อยให้กดปุ่ม Download Favicon ด้านล่างตัวอย่าง ก็จะได้ไฟล์ .ico มาใช้ทำไอคอนแล้ว
 
2. อัพโหลดภาพไฟล์ .ico ขึ้นบน host ของเว็บไซต์เรา โดยตำแหน่งในการวางเข้าไปใน directory เดียวกันกับ directory หลักที่ใช้เก็บ Files webpage ต่างๆ เช่น www.100ydesign.com/favicon.ico ซึ่งเป็นที่เดียวกันกับที่เก็บ www.100ydesign.com/index.php

3. การประกาศไฟล์ favicon.ico ไว้ใน section ของหน้าเว็บ โดยเพิ่ม tag บรรทัดล่างนี้เข้าไป



เท่านี้ก็เป็นอันเสร็จพิธี.....

บทความ แนะนำ

Comment สำหรับสมาชิก 100Y Design.com เท่านั้น
กรอกรหัส =>
คำถามที่ต้องการคำตอบ แสดงความคิดเห็นธรรมดา
ไม่สามารถส่งข้อความได้ กรุณา เข้าสู่ระบบ หรือ สมัครสมาชิก
หมายเหตุ ระบบ Comment สำหรับสมาชิก จะทำให้ทีมงานของทางเว็บไซต์ทราบทันที่เมื่อมีสมาชิกฝากข้อความ หรือตั้งคำถามที่ต้องการคำตอบ ทางทีมงานจะพยายามหาคำตอบเพื่อที่มาตอบคำถามให้เร็วที่สุด
Comment สำหรับสมาชิก Facebook