วันนี้หยิบเรื่องการทำ Icon ให้กับเว็ปไซต์ หรือว่าทำให้กับบล็อกมาคุยกันครับ พอดีว่าไป search หาและลองทำดูก็ไม่ยากเลยครับเรามาเริ่มกันเลยดีกว่า ตามรูปด้านบน

เราต้องเตรียมสรางไฟล์ที่จะนำมาทำเป็น Icon ประจำเว็ปเราเสียก่อน ขนาดไฟล์ควรมีขนาด 16 x 16 , 32×32 , 42×42 เป็นไฟล์นามสกุลพวก jpg, png หรือว่าอย่างอื่น ซึ่งขนาดรูปที่นำมาใช้ถ้าใหญ่ก็จะชัดเจนครับ

เมื่อเตรียมรูปที่เราทำเรียบร้อยแล้วก็มาที่นี่ครับ การสร้าง ICON เพื่อเป็น Generate โค้ดให้เราครับ หลังจากนั้นก็ให้เราทำการ Down load มาไว้ที่เครื่องเราครับเพื่อเตรียม Upload ขึ้นไปเก็บที่ Server ที่เก็บเว็ปเราครับ สำหรับไฟล์ที่ได้มาจะเป็น favicon.ico ครับ

Upload ไฟล์ favicon ไปเก็บที่ Server ที่เราเช่าอยู่ให้ไปเก็บที่เดียวกันกับไฟล์ index ครับ (หน้าแรกของเว็ปไซต์) และให้แทรกโค้ดด้านล่างในไฟล์ Index (ด้านบน)
<link rel=”shortcut icon” type=”image/x-icon” href=”/favicon.ico”>

เป็นอย่างไรบ้างครับง่ายๆแค่นี้เองเราก็จะได้รูปแบบในแบบของเราเองที่ไม่ต้องซ้ำใครถ้าเพื่อนๆติดขัดที่ไหนลองเข้ามาคุยกันครับ

วันนี้ผู้เขียนมีแหล่ง Free icon download มาแนะนำครับพอดีผู้เขียน Search หาใน internet ครับสำหรับ icon จะแยกใช้งานกับ win , mac , linux ซึ่งเพื่อนๆต้องเลือกนำมาใช้ครับว่าต้องการใช้กับ OS ตัวไหนครับ สำหรับไฟล์ที่ Download มานั้นจะเป็น .ZIP เพื่อนๆต้อง Unzip ออกมาภายในจะแบ่งขนาดต่างๆเช่น 16×16 , 28×28 , 48×48 และ 60×60 ครับนามสกุลหลัก Unzip ออกมาแล้วเป็น PNG ครับเพื่อนๆสามารถนำไปตกแต่งเพิ่มใน PhotoShop ได้เลยครับหรือนำไปใช้งานเลยก็ประหยัดเวลาครับ (สำหรับเพื่อนๆที่ใช้ PhotoShop ไม่คล่องครับ) เพื่อนๆสามารถ Download ได้ที่นี่ครับ Free icon download