สร้าง ICON กันเถอะ

วันนี้หยิบเรื่องการทำ 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”>

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