สอนทำ favicon แบบง่ายๆ ไว้ใช้เอง

เรื่อง favicon ผมเคยเขียนบทความ วิธีสร้าง favicon ให้กับ wordpress กันไปแล้ว (นานมาก) แต่ยังไม่ได้บอกวิธีทำเลย บทความนี้ผมจะมาสอนวิธีทำให้ครับจะบอกตั้งแต่การอัพรูปจนกลายออกมาเป็นไฟล์ favicon เลย (มันต้องใช้ไฟล์ .ico เท่านั้นใช้ไฟล์รูปทั่วไปไม่ได้) ก่อนอื่นเรามาทบทวนความรู้กันก่อนดีกว่า ว่า favicon คืออะไร ?

favicon มาจาก favorite+icon ก็คือ icon ที่อยู่ตรง url  นั่นเอง ตำแหน่งของมันจะอยู่หน้า http:// ที่บ่งบอกความเป็นเว็บของคุณนั่นเอง ผมขออธิบายง่ายๆ นะครับว่า favicon ก็คือไอค่อนเล็กที่อยู่หน้าชื่อโดเมนของเรานั้นเองดูได้จากรูปภาพข้างล่างนี้เลยครับ จากรู้จะเห็นว่าหน้าโดนเมนของเราจะมีรูปเล็กๆติดอยู่หลายๆคนที่เข้าไปตามเว็บไซต์ต่างๆก็จะเห็นรูปแบบนี้กันเยอะนี่แหละครับคือ favicon

ส่วนวิธีทำนั้นก็ง่ายมากครับ แค่เข้าไปที่เว็บไซต์นี้ http://www.favicon.cc/

make favicon 1

 

ที่เว็บไซต์แห่งนี้จะให้เราทำได้รูปได้ 2 แบบคือ สร้างใหม่ทั้งหมดด้วยตัวเอง ให้กดที่ Create New Favicon ใครมีฝีมือก็ลองได้ครับ

แต่ถ้าคนไม่มีฝีมือเรื่องการแต่งรูปอย่างผมก็ต้องเลือก Import image คือเอารูปที่เรามีอยู่แล้วอัพขึ้นไปแค่นี้เราก็จะได้แล้ว

make favicon 2

 

หลังจากเรากดแล้วระบบก็จะให้เราเลือกรูปที่ต้องการ ทีนี้เราอยากได้รูปไหนก็เลือกมาครับแล้วกด Upload

make favicon 3

 

เสร็จแล้วระบบก็จะทำให้เราอัตโนมัติ จะมีตัวอย่างให้ดูก่อนด้วยว่าเป็นยังไงถ้าพอใจก็กด Downlode ลงมาเก็บไว้ได้เลย

ง่ายไหมละครับวิธีมีแค่นี้เองไม่ต้องไปเสียเวลาสร้างให้วุ้นวาย ไม่ต้องใช้ PS เพราะผมใช้ไม่เป็น…

เหมือนได้แล้วอยากจะเอาไปใช้กับ wordpress ดูวิธีที่นี่ครับ http://wp.me/p1ZLx1-iJ

 

@suteeshow

Blogger มือสมัครเล่น ขอบคุณที่เข้ามาเยี่ยมชมกันนะครับ

comment