สร้าง favicon ให้เว็บเรากันดีกว่า
สร้าง icon เล็กๆ โชว์ที่ URL Address ของเราเอง จะให้เป็นแบบ Animate ก็ยังได้
- ไปที่เว็บ http://www.favicon.cc/
- เลือก Import Image ถ้าสร้างภาพจาก Photoshop ก่อนจะง่ายกว่ามากๆ โดย Save เป็นไฟล์นามสกุล .png หรือ .gif / .jpg ก็ได้ ขนาดของไฟล์ไม่ควรใหญ่มากนัก (ของเรา save เป็น png ค่ะ โดยที่ไฟล์ต้นฉบับมีขนาด 92 kb)
- คลิกที่ Use Animation ด้านล่าง ดูตามรูปที่ 1
- คลิกที่ Append New Frame เพื่อก๊อปปี้ให้เกิดเฟรมที่ 2 ขึ้น สังเกตได้จะคำว่า Frame 2 of 2 ถ้าอยากให้มีเฟรมมากกว่านี้ก็ copy เพิ่มเติมได้ตามต้องการ ดูตามรูปที่ 2
- เลือกความเร็วในการเปลี่ยมเฟรมตามใจชอบ จากภาพเราเลือก 2 วินาทีค่ะ แต่อย่าให้เวลาน้อยเกินไป เพราะจะมองไม่ทัน
- ที่ Frame 2 of 2 ให้ปรับเปลี่ยนสีในช่องได้ตามใจ โดยเลือกที่จากช่องสีด้านขวามือ ของเราเลือกเป็นสีคู่ตรงข้าม
- หลังจากแก้ไขสีเสร็จแล้ว สามารถตราจสอบความเรียบร้อยได้จากช่อง Preview ด้านล้างค่ะ ดูตามรูปที่ 3
- ได้สีที่ถูกใจแล้วกด ดาวน์โหลดได้จากปุ่มด้านล่างเลยค่ะ จะได้ไฟล์ favicon.ico แล้ว Save ลงเครื่อง
- จากนั้นอัพโหลดไฟล์ขึ้นที่ Root ของโฮส อาจจะเป็น public_html หรือ htdocs แล้วแต่ที่ค่ะ
- จากนั้นไปที่หน้า index แล้วใส่โค้ด <link rel=”shortcut icon” href=”http://www.domain.com/favicon.ico” /> หลังคำว่า <head> สำหรับชาว Wordpress สามารถแก้ไขได้จากไฟล์ Header.php ค่ะ (กับบาง Theme อาจจะต้องเอาวางไว้ต่อจาก meta ค่ะ ลองทดสอบดูนะคะ
- เท่านี้ เว็บของเราก็มี favicon สวยๆ เป็นของตัวเองแล้วค่ะ
สวัสดีครับ
ขอฝาก MyFavicons.info ด้วยครับผม เป็นของคนไทยครับ และจะพยายามแปลให้มีทุกภาษาครับผม